From d5cff2ef4889fe6aae91217c070c85f30f89e2c2 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 25 Oct 2023 14:34:15 -0400
Subject: [PATCH 001/209] Add `wire:key` to `@foreach` loops

As per docs: https://livewire.laravel.com/docs/components#adding-wirekey-to-foreach-loops
---
 resources/stubs/theme/errors.blade.php          | 4 ++--
 resources/stubs/theme/fields/checkbox.blade.php | 2 +-
 resources/stubs/theme/fields/radio.blade.php    | 2 +-
 resources/stubs/theme/fields/select.blade.php   | 2 +-
 resources/stubs/theme/section.blade.php         | 2 +-
 src/Form/Fields.php                             | 5 ++---
 6 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/resources/stubs/theme/errors.blade.php b/resources/stubs/theme/errors.blade.php
index 23ee02f5..79df3f8d 100644
--- a/resources/stubs/theme/errors.blade.php
+++ b/resources/stubs/theme/errors.blade.php
@@ -12,8 +12,8 @@
             </h3>
             <div class="mt-2 text-sm text-red-600">
                 <ul class="pl-5 space-y-1 list-disc">
-                    @foreach ($errors->all() as $error)
-                        <li>{{ $error }}</li>
+                    @foreach ($errors->all() as $index => $error)
+                        <li wire:key="error-{{ $index }}-{{ Str::slug($error) }}">{{ $error }}</li>
                     @endforeach
                 </ul>
             </div>
diff --git a/resources/stubs/theme/fields/checkbox.blade.php b/resources/stubs/theme/fields/checkbox.blade.php
index dea2e16f..fd466b99 100644
--- a/resources/stubs/theme/fields/checkbox.blade.php
+++ b/resources/stubs/theme/fields/checkbox.blade.php
@@ -13,7 +13,7 @@
     <div>
         <div class="{{ $field->inline ? 'items-start space-x-6' : 'flex-col space-y-3' }} flex">
             @foreach ($field->options as $option => $label)
-                <div class="flex items-start">
+                <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start">
                     <div class="flex items-center h-5">
                         <input
                             id="{{ $field->id }}.{{ $option }}"
diff --git a/resources/stubs/theme/fields/radio.blade.php b/resources/stubs/theme/fields/radio.blade.php
index c2c176cb..1494f618 100644
--- a/resources/stubs/theme/fields/radio.blade.php
+++ b/resources/stubs/theme/fields/radio.blade.php
@@ -13,7 +13,7 @@
     <div>
         <div class="{{ $field->inline ? 'items-start space-x-6' : 'flex-col space-y-3' }} flex">
             @foreach ($field->options as $option => $label)
-                <div class="flex items-start">
+                <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start">
                     <div class="flex items-center h-5">
                         <input
                             id="{{ $field->id }}.{{ $option }}"
diff --git a/resources/stubs/theme/fields/select.blade.php b/resources/stubs/theme/fields/select.blade.php
index a280dfc1..d5d1da26 100644
--- a/resources/stubs/theme/fields/select.blade.php
+++ b/resources/stubs/theme/fields/select.blade.php
@@ -35,7 +35,7 @@ class="block w-full py-2 pl-3 pr-10 text-base text-red-800 border-red-300 rounde
         @endif
 
         @foreach ($field->options as $option => $label)
-            <option value="{{ $option }}">{{ $label }}</option>
+            <option wire:key="{{ $field->id }}-{{ $option }}" value="{{ $option }}">{{ $label }}</option>
         @endforeach
     </select>
 </div>
diff --git a/resources/stubs/theme/section.blade.php b/resources/stubs/theme/section.blade.php
index 6cac8586..b4c21146 100644
--- a/resources/stubs/theme/section.blade.php
+++ b/resources/stubs/theme/section.blade.php
@@ -1,6 +1,6 @@
 @if ($section)
 
-    <div>
+    <div wire:key="{{ $section['id'] }}">
 
         @if ($section['display'])
             <div class="mb-6">
diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index 569c8e82..96525eff 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -76,12 +76,11 @@ public function sections(): Collection
     {
         return $this->form->blueprint()->tabs()->first()->sections()
             ->map(function ($section, $index) {
-                $handle = $section->display()
-                    ? Str::snake($section->display())
-                    : $index;
+                $handle = $section->display() ? Str::snake($section->display()) : $index;
 
                 return [
                     'handle' => $handle,
+                    'id' => "{$this->id}-section-{$index}-{$handle}",
                     'display' => $section->display(),
                     'instructions' => $section->instructions(),
                     'fields' => $this->getSectionFields($section),

From d84b11a5eb4214ba3b6a5923348fb172402f8687 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 25 Oct 2023 14:36:48 -0400
Subject: [PATCH 002/209] Use coherent naming for keys and ids

---
 resources/stubs/theme/field.blade.php           | 2 +-
 resources/stubs/theme/fields/checkbox.blade.php | 4 ++--
 resources/stubs/theme/fields/radio.blade.php    | 4 ++--
 src/Fields/Properties/WithId.php                | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/stubs/theme/field.blade.php b/resources/stubs/theme/field.blade.php
index add21217..0935be3a 100644
--- a/resources/stubs/theme/field.blade.php
+++ b/resources/stubs/theme/field.blade.php
@@ -1,7 +1,7 @@
 @if ($field->show)
 
     <div
-        wire:key="wire_{{ $field->id }}"
+        wire:key="{{ $field->id }}"
         class="col-span-1
             {{ $field->width === 25 ? 'md:col-span-3' : '' }}
             {{ $field->width === 33 ? 'md:col-span-4' : '' }}
diff --git a/resources/stubs/theme/fields/checkbox.blade.php b/resources/stubs/theme/fields/checkbox.blade.php
index fd466b99..4da57fcb 100644
--- a/resources/stubs/theme/fields/checkbox.blade.php
+++ b/resources/stubs/theme/fields/checkbox.blade.php
@@ -16,7 +16,7 @@
                 <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start">
                     <div class="flex items-center h-5">
                         <input
-                            id="{{ $field->id }}.{{ $option }}"
+                            id="{{ $field->id }}-{{ $option }}"
                             name="{{ $field->id }}"
                             value="{{ $option }}"
                             type="checkbox"
@@ -37,7 +37,7 @@ class="w-4 h-4 text-indigo-600 border-red-300 rounded focus:ring-red-500"
                     </div>
                     <div class="ml-3 text-sm">
                         <label
-                            for="{{ $field->id }}.{{ $option }}"
+                            for="{{ $field->id }}-{{ $option }}"
                             class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-700'}}"
                         >
                             {{ $label }}
diff --git a/resources/stubs/theme/fields/radio.blade.php b/resources/stubs/theme/fields/radio.blade.php
index 1494f618..caf27f17 100644
--- a/resources/stubs/theme/fields/radio.blade.php
+++ b/resources/stubs/theme/fields/radio.blade.php
@@ -16,7 +16,7 @@
                 <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start">
                     <div class="flex items-center h-5">
                         <input
-                            id="{{ $field->id }}.{{ $option }}"
+                            id="{{ $field->id }}-{{ $option }}"
                             name="{{ $field->id }}"
                             value="{{ $option }}"
                             type="radio"
@@ -37,7 +37,7 @@ class="w-4 h-4 text-indigo-600 border-red-300 focus:ring-red-500"
                     </div>
                     <div class="ml-3 text-sm">
                         <label
-                            for="{{ $field->id }}.{{ $option }}"
+                            for="{{ $field->id }}-{{ $option }}"
                             class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-700'}}"
                         >
                             {{ $label }}
diff --git a/src/Fields/Properties/WithId.php b/src/Fields/Properties/WithId.php
index 9eef39ee..652300ad 100644
--- a/src/Fields/Properties/WithId.php
+++ b/src/Fields/Properties/WithId.php
@@ -6,6 +6,6 @@ trait WithId
 {
     protected function idProperty(): string
     {
-        return "{$this->id}_{$this->handle()}";
+        return "{$this->id}-field-{$this->handle()}";
     }
 }

From a478ab0b02fba6ac8ec5853aeb9e11768e5f4ac9 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 25 Oct 2023 14:39:09 -0400
Subject: [PATCH 003/209] Livewire automatically calls `preventDefault()`

---
 resources/stubs/form.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/stubs/form.blade.php b/resources/stubs/form.blade.php
index 7864f097..edb29354 100644
--- a/resources/stubs/form.blade.php
+++ b/resources/stubs/form.blade.php
@@ -1,4 +1,4 @@
-<form wire:submit.prevent="submit">
+<form wire:submit="submit">
     <div class="flex flex-col w-full max-w-2xl gap-y-16">
         @formSections
         <div class="flex flex-col gap-y-4">

From a31303d9b82c559b8e4d3c03e674159a1650a481 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 30 Oct 2023 14:50:34 -0400
Subject: [PATCH 004/209] =?UTF-8?q?Autocomplete=20option=20`on`=20doesn?=
 =?UTF-8?q?=E2=80=99t=20exists?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Returns null if no autocomplete has been configured for the field.
---
 src/Fields/Properties/WithAutocomplete.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Fields/Properties/WithAutocomplete.php b/src/Fields/Properties/WithAutocomplete.php
index f41ce9f9..a45a9fad 100644
--- a/src/Fields/Properties/WithAutocomplete.php
+++ b/src/Fields/Properties/WithAutocomplete.php
@@ -4,8 +4,8 @@
 
 trait WithAutocomplete
 {
-    protected function autocompleteProperty(): string
+    protected function autocompleteProperty(): ?string
     {
-        return $this->field->get('autocomplete', 'on');
+        return $this->field->get('autocomplete');
     }
 }

From d281a97f2499f48e99b51d5066fb340820f1792d Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 30 Oct 2023 15:28:30 -0400
Subject: [PATCH 005/209] Add configurable textarea rows

---
 resources/stubs/theme/fields/textarea.blade.php |  6 +++++-
 src/Fields/Properties/WithRows.php              | 11 +++++++++++
 src/Fields/Textarea.php                         |  2 ++
 3 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 src/Fields/Properties/WithRows.php

diff --git a/resources/stubs/theme/fields/textarea.blade.php b/resources/stubs/theme/fields/textarea.blade.php
index 9bf47794..a40c6431 100644
--- a/resources/stubs/theme/fields/textarea.blade.php
+++ b/resources/stubs/theme/fields/textarea.blade.php
@@ -16,12 +16,16 @@
         id="{{ $field->id }}"
         name="{{ $field->id }}"
         placeholder="{{ $field->placeholder }}"
+
         @if ($field->wire_model)
             wire:model.{{ $field->wire_model }}="{{ $field->key }}"
         @else
             wire:model="{{ $field->key }}"
         @endif
-        rows="5"
+
+        @if ($field->rows)
+            rows="{{ $field->rows }}"
+        @endif
 
         @if (! $errors->has($field->key))
             class="block w-full placeholder-gray-300 border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
diff --git a/src/Fields/Properties/WithRows.php b/src/Fields/Properties/WithRows.php
new file mode 100644
index 00000000..cc43c997
--- /dev/null
+++ b/src/Fields/Properties/WithRows.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace Aerni\LivewireForms\Fields\Properties;
+
+trait WithRows
+{
+    protected function rowsProperty(): ?int
+    {
+        return $this->field->get('rows');
+    }
+}
diff --git a/src/Fields/Textarea.php b/src/Fields/Textarea.php
index fec9a045..b3c5aca7 100644
--- a/src/Fields/Textarea.php
+++ b/src/Fields/Textarea.php
@@ -4,11 +4,13 @@
 
 use Aerni\LivewireForms\Fields\Properties\WithAutocomplete;
 use Aerni\LivewireForms\Fields\Properties\WithPlaceholder;
+use Aerni\LivewireForms\Fields\Properties\WithRows;
 
 class Textarea extends Field
 {
     use WithAutocomplete;
     use WithPlaceholder;
+    use WithRows;
 
     protected static string $view = 'textarea';
 }

From 554c19b32df8254f56573c80c330cad74d08d671 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 3 Nov 2023 17:13:01 -0400
Subject: [PATCH 006/209] Fix indentation

---
 resources/stubs/theme/field.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/stubs/theme/field.blade.php b/resources/stubs/theme/field.blade.php
index 0935be3a..a8bec7d3 100644
--- a/resources/stubs/theme/field.blade.php
+++ b/resources/stubs/theme/field.blade.php
@@ -11,7 +11,7 @@ class="col-span-1
             {{ $field->width === 100 ? 'md:col-span-12' : '' }}
         "
     >
-            @include($field->view)
+        @include($field->view)
     </div>
 
 @endif

From 54d84479739b1de25278e1049150e91f31f3b93b Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 8 Nov 2023 13:31:31 -0500
Subject: [PATCH 007/209] Lots of field and template optimizations

- Add support for instructions position
- Increased accessibility with aria-describedby and aria-label
- Moved label, legend, and instructions into separate view
- Add support for markdown in toggle inline label
- Add wire:key to all foreach loops
---
 resources/stubs/theme/error.blade.php         |  2 +-
 resources/stubs/theme/errors.blade.php        |  6 +-
 resources/stubs/theme/field.blade.php         |  4 +-
 .../stubs/theme/fields/captcha.blade.php      | 32 ++++---
 .../stubs/theme/fields/checkbox.blade.php     | 93 ++++++++++---------
 resources/stubs/theme/fields/file.blade.php   | 69 +++++++-------
 resources/stubs/theme/fields/input.blade.php  | 68 +++++++-------
 resources/stubs/theme/fields/radio.blade.php  | 93 ++++++++++---------
 resources/stubs/theme/fields/select.blade.php | 86 +++++++++--------
 .../stubs/theme/fields/textarea.blade.php     | 70 +++++++-------
 resources/stubs/theme/fields/toggle.blade.php | 87 ++++++++---------
 resources/stubs/theme/instructions.blade.php  |  3 +
 resources/stubs/theme/label.blade.php         |  7 ++
 resources/stubs/theme/legend.blade.php        |  6 ++
 resources/stubs/theme/section.blade.php       | 24 +++--
 resources/stubs/theme/sections.blade.php      |  2 +-
 resources/stubs/theme/success.blade.php       |  2 +-
 src/Fields/Field.php                          |  2 +
 .../Properties/WithInstructionsPosition.php   | 11 +++
 19 files changed, 371 insertions(+), 296 deletions(-)
 create mode 100644 resources/stubs/theme/instructions.blade.php
 create mode 100644 resources/stubs/theme/label.blade.php
 create mode 100644 resources/stubs/theme/legend.blade.php
 create mode 100644 src/Fields/Properties/WithInstructionsPosition.php

diff --git a/resources/stubs/theme/error.blade.php b/resources/stubs/theme/error.blade.php
index 53591aa6..cc9b4fab 100644
--- a/resources/stubs/theme/error.blade.php
+++ b/resources/stubs/theme/error.blade.php
@@ -1,3 +1,3 @@
 @error($field->key)
-    <p class="mt-2 text-sm text-red-600" id="{{ $field->id }}-error">{{ $message }}</p>
+    <p class="text-sm text-red-600" id="{{ $field->id }}-error">{{ $message }}</p>
 @enderror
diff --git a/resources/stubs/theme/errors.blade.php b/resources/stubs/theme/errors.blade.php
index 79df3f8d..887baca6 100644
--- a/resources/stubs/theme/errors.blade.php
+++ b/resources/stubs/theme/errors.blade.php
@@ -1,4 +1,4 @@
-@if ($errors->any())
+@if($errors->any())
 
     <div class="flex p-4 rounded-md bg-red-50">
         <div class="flex-shrink-0">
@@ -12,8 +12,8 @@
             </h3>
             <div class="mt-2 text-sm text-red-600">
                 <ul class="pl-5 space-y-1 list-disc">
-                    @foreach ($errors->all() as $index => $error)
-                        <li wire:key="error-{{ $index }}-{{ Str::slug($error) }}">{{ $error }}</li>
+                    @foreach($errors->all() as $error)
+                        <li wire:key="error-{{ Str::slug($error) }}">{{ $error }}</li>
                     @endforeach
                 </ul>
             </div>
diff --git a/resources/stubs/theme/field.blade.php b/resources/stubs/theme/field.blade.php
index a8bec7d3..c8687508 100644
--- a/resources/stubs/theme/field.blade.php
+++ b/resources/stubs/theme/field.blade.php
@@ -1,8 +1,8 @@
-@if ($field->show)
+@if($field->show)
 
     <div
         wire:key="{{ $field->id }}"
-        class="col-span-1
+        class="space-y-2 col-span-1
             {{ $field->width === 25 ? 'md:col-span-3' : '' }}
             {{ $field->width === 33 ? 'md:col-span-4' : '' }}
             {{ $field->width === 50 ? 'md:col-span-6' : '' }}
diff --git a/resources/stubs/theme/fields/captcha.blade.php b/resources/stubs/theme/fields/captcha.blade.php
index 48955b79..75cdaa2b 100644
--- a/resources/stubs/theme/fields/captcha.blade.php
+++ b/resources/stubs/theme/fields/captcha.blade.php
@@ -1,25 +1,31 @@
-@if ($field->show_label)
-    <div class="mb-1">
-        <p class="block font-medium text-gray-700 @if ($field->instructions) text-base @else text-sm @endif">
-            {{ $field->label }}
-        </p>
-        @if ($field->instructions)
-            <p class="mb-4 text-sm text-gray-500">{{ $field->instructions }}</p>
-        @endif
-    </div>
-@else
-    <p class="sr-only">{{ $field->label }}</p>
-@endif
+<div>
+    @include($this->component->getView('label'))
+
+    @if($field->instructions_position == 'above')
+        @include($this->component->getView('instructions'))
+    @endif
+</div>
 
 <div
+    id="{{ $field->id }}"
     class="g-recaptcha"
     data-sitekey="@captchaKey"
     data-callback="setResponseToken_{{ $this->getId() }}"
     data-expired-callback="resetResponseToken_{{ $this->getId() }}"
     wire:ignore
+    aria-label="{{ $field->id }}-label"
+    @if($field->instructions)
+        aria-describedby="{{ $field->id }}-instructions"
+    @endif
 ></div>
 
-@include($this->component->getView('error'))
+<div>
+    @if($field->instructions_position == 'below')
+        @include($this->component->getView('instructions'))
+    @endif
+
+    @include($this->component->getView('error'))
+</div>
 
 <script>
     function setResponseToken_{{ $this->getId() }}(token) {
diff --git a/resources/stubs/theme/fields/checkbox.blade.php b/resources/stubs/theme/fields/checkbox.blade.php
index 4da57fcb..75c88440 100644
--- a/resources/stubs/theme/fields/checkbox.blade.php
+++ b/resources/stubs/theme/fields/checkbox.blade.php
@@ -1,51 +1,56 @@
-<fieldset>
-    @if ($field->show_label)
-        <div class="mb-3">
-            <legend class="font-medium text-gray-700 @if ($field->instructions) text-base @else text-sm @endif">{{ $field->label }}</legend>
-            @if ($field->instructions)
-                <p class="mb-4 text-sm text-gray-500">{{ $field->instructions }}</p>
-            @endif
-        </div>
-    @else
-        <legend class="sr-only">{{ $field->label }}</legend>
-    @endif
-
+<fieldset class="space-y-3">
     <div>
-        <div class="{{ $field->inline ? 'items-start space-x-6' : 'flex-col space-y-3' }} flex">
-            @foreach ($field->options as $option => $label)
-                <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start">
-                    <div class="flex items-center h-5">
-                        <input
-                            id="{{ $field->id }}-{{ $option }}"
-                            name="{{ $field->id }}"
-                            value="{{ $option }}"
-                            type="checkbox"
-                            @if ($field->wire_model)
-                                wire:model.{{ $field->wire_model }}="{{ $field->key }}"
-                            @else
-                                wire:model="{{ $field->key }}"
-                            @endif
+        @include($this->component->getView('legend'))
+
+        @if($field->instructions_position == 'above')
+            @include($this->component->getView('instructions'))
+        @endif
+    </div>
+
+    <div class="flex {{ $field->inline ? 'items-start space-x-6' : 'flex-col space-y-3' }}">
+        @foreach($field->options as $option => $label)
+            <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start">
+                <div class="flex items-center h-5">
+                    <input
+                        id="{{ $field->id }}-{{ $option }}"
+                        name="{{ $field->id }}"
+                        value="{{ $option }}"
+                        type="checkbox"
 
-                            @if (! $errors->has($field->key))
-                                class="w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500"
-                            @else
-                                class="w-4 h-4 text-indigo-600 border-red-300 rounded focus:ring-red-500"
-                                aria-invalid="true"
-                                aria-describedby="{{ $field->id }}-error"
+                        @if($field->wire_model)
+                            wire:model.{{ $field->wire_model }}="{{ $field->key }}"
+                        @else
+                            wire:model="{{ $field->key }}"
+                        @endif
+
+                        @if(! $errors->has($field->key))
+                            class="w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500"
+                            @if($field->instructions)
+                                aria-describedby="{{ $field->id }}-instructions"
                             @endif
-                        />
-                    </div>
-                    <div class="ml-3 text-sm">
-                        <label
-                            for="{{ $field->id }}-{{ $option }}"
-                            class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-700'}}"
-                        >
-                            {{ $label }}
-                        </label>
-                    </div>
+                        @else
+                            class="w-4 h-4 text-indigo-600 border-red-300 rounded focus:ring-red-500"
+                            aria-invalid="true"
+                            aria-describedby="{{ $field->id }}-error"
+                        @endif
+                    />
+                </div>
+                <div class="ml-3 text-sm">
+                    <label
+                        for="{{ $field->id }}-{{ $option }}"
+                        class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-700' }}"
+                    >
+                        {{ $label }}
+                    </label>
                 </div>
-            @endforeach
-        </div>
+            </div>
+        @endforeach
+    </div>
+
+    <div>
+        @if($field->instructions_position == 'below')
+            @include($this->component->getView('instructions'))
+        @endif
 
         @include($this->component->getView('error'))
     </div>
diff --git a/resources/stubs/theme/fields/file.blade.php b/resources/stubs/theme/fields/file.blade.php
index 0e293e7c..59916f31 100644
--- a/resources/stubs/theme/fields/file.blade.php
+++ b/resources/stubs/theme/fields/file.blade.php
@@ -1,37 +1,42 @@
-@if ($field->show_label)
-    <div class="mb-3">
-        <label for="{{ $field->id }}" class="block font-medium text-gray-700 @if ($field->instructions) text-base @else text-sm @endif">
-            {{ $field->label }}
-        </label>
-        @if ($field->instructions)
-            <p class="mb-4 text-sm text-gray-500">{{ $field->instructions }}</p>
-        @endif
-    </div>
-@else
-    <label for="{{ $field->id }}" class="sr-only">{{ $field->label }}</label>
-@endif
-
 <div>
-    <input
-        id="{{ $field->id }}"
-        name="{{ $field->id }}"
-        type="file"
-        @if ($field->wire_model)
-            wire:model.{{ $field->wire_model }}="{{ $field->key }}"
-        @else
-            wire:model="{{ $field->key }}"
-        @endif
-        @if ($field->multiple) multiple @endif
+    @include($this->component->getView('label'))
+
+    @if($field->instructions_position == 'above')
+        @include($this->component->getView('instructions'))
+    @endif
+</div>
+
+<input
+    id="{{ $field->id }}"
+    name="{{ $field->id }}"
+    type="file"
 
-        @if (! $errors->has($field->key))
-            class="block w-full"
-        @else
-            class="block w-full text-red-800"
-            aria-invalid="true"
-            aria-describedby="{{ $field->id }}-error"
+    @if($field->wire_model)
+        wire:model.{{ $field->wire_model }}="{{ $field->key }}"
+    @else
+        wire:model="{{ $field->key }}"
+    @endif
+
+    @if($field->multiple)
+        multiple
+    @endif
+
+    @if(! $errors->has($field->key))
+        class="block w-full"
+        @if($field->instructions)
+            aria-describedby="{{ $field->id }}-instructions"
         @endif
+    @else
+        class="block w-full text-red-800"
+        aria-invalid="true"
+        aria-describedby="{{ $field->id }}-error"
+    @endif
+/>
 
-    />
-</div>
+<div>
+    @if($field->instructions_position == 'below')
+        @include($this->component->getView('instructions'))
+    @endif
 
-@include($this->component->getView('error'))
+    @include($this->component->getView('error'))
+</div>
diff --git a/resources/stubs/theme/fields/input.blade.php b/resources/stubs/theme/fields/input.blade.php
index f5b3c596..b9c3f820 100644
--- a/resources/stubs/theme/fields/input.blade.php
+++ b/resources/stubs/theme/fields/input.blade.php
@@ -1,38 +1,40 @@
-@if ($field->show_label)
-    <div class="mb-1">
-        <label for="{{ $field->id }}" class="block text-sm font-medium text-gray-700">
-            {{ $field->label }}
-        </label>
-    </div>
-@else
-    <label for="{{ $field->id }}" class="sr-only">{{ $field->label }}</label>
-@endif
-
 <div>
-    <input
-        id="{{ $field->id }}"
-        name="{{ $field->id }}"
-        type="{{ $field->input_type }}"
-        autocomplete="{{ $field->autocomplete }}"
-        placeholder="{{ $field->placeholder }}"
-        @if ($field->wire_model)
-            wire:model.{{ $field->wire_model }}="{{ $field->key }}"
-        @else
-            wire:model="{{ $field->key }}"
-        @endif
+    @include($this->component->getView('label'))
 
-        @if (! $errors->has($field->key))
-            class="block w-full placeholder-gray-300 border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
-        @else
-            class="block w-full text-red-800 placeholder-red-300 border-red-300 rounded-md focus:ring-red-500 focus:border-red-500 sm:text-sm"
-            aria-invalid="true"
-            aria-describedby="{{ $field->id }}-error"
-        @endif
-    />
+    @if($field->instructions_position == 'above')
+        @include($this->component->getView('instructions'))
+    @endif
 </div>
 
-@if ($field->instructions && ! $errors->has($field->key))
-    <p class="mt-2 text-sm text-gray-500">{{ $field->instructions }}</p>
-@else
+<input
+    id="{{ $field->id }}"
+    name="{{ $field->id }}"
+    type="{{ $field->input_type }}"
+    autocomplete="{{ $field->autocomplete }}"
+    placeholder="{{ $field->placeholder }}"
+
+    @if($field->wire_model)
+        wire:model.{{ $field->wire_model }}="{{ $field->key }}"
+    @else
+        wire:model="{{ $field->key }}"
+    @endif
+
+    @if(! $errors->has($field->key))
+        class="block w-full text-black placeholder-gray-300 border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+        @if($field->instructions)
+            aria-describedby="{{ $field->id }}-instructions"
+        @endif
+    @else
+        class="block w-full text-red-800 placeholder-red-300 border-red-300 rounded-md focus:ring-red-500 focus:border-red-500 sm:text-sm"
+        aria-invalid="true"
+        aria-describedby="{{ $field->id }}-error"
+    @endif
+/>
+
+<div>
+    @if($field->instructions_position == 'below')
+        @include($this->component->getView('instructions'))
+    @endif
+
     @include($this->component->getView('error'))
-@endif
+</div>
diff --git a/resources/stubs/theme/fields/radio.blade.php b/resources/stubs/theme/fields/radio.blade.php
index caf27f17..7bd37338 100644
--- a/resources/stubs/theme/fields/radio.blade.php
+++ b/resources/stubs/theme/fields/radio.blade.php
@@ -1,51 +1,56 @@
-<fieldset>
-    @if ($field->show_label)
-        <div class="mb-3">
-            <legend class="font-medium text-gray-700 @if ($field->instructions) text-base @else text-sm @endif">{{ $field->label }}</legend>
-            @if ($field->instructions)
-                <p class="mb-4 text-sm text-gray-500">{{ $field->instructions }}</p>
-            @endif
-        </div>
-    @else
-        <legend class="sr-only">{{ $field->label }}</legend>
-    @endif
-
+<fieldset class="space-y-3">
     <div>
-        <div class="{{ $field->inline ? 'items-start space-x-6' : 'flex-col space-y-3' }} flex">
-            @foreach ($field->options as $option => $label)
-                <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start">
-                    <div class="flex items-center h-5">
-                        <input
-                            id="{{ $field->id }}-{{ $option }}"
-                            name="{{ $field->id }}"
-                            value="{{ $option }}"
-                            type="radio"
-                            @if ($field->wire_model)
-                                wire:model.{{ $field->wire_model }}="{{ $field->key }}"
-                            @else
-                                wire:model="{{ $field->key }}"
-                            @endif
+        @include($this->component->getView('legend'))
+
+        @if($field->instructions_position == 'above')
+            @include($this->component->getView('instructions'))
+        @endif
+    </div>
+
+    <div class="flex {{ $field->inline ? 'items-start space-x-6' : 'flex-col space-y-3' }}">
+        @foreach($field->options as $option => $label)
+            <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start">
+                <div class="flex items-center h-5">
+                    <input
+                        id="{{ $field->id }}-{{ $option }}"
+                        name="{{ $field->id }}"
+                        value="{{ $option }}"
+                        type="radio"
 
-                            @if (! $errors->has($field->key))
-                                class="w-4 h-4 text-indigo-600 border-gray-300 focus:ring-indigo-500"
-                            @else
-                                class="w-4 h-4 text-indigo-600 border-red-300 focus:ring-red-500"
-                                aria-invalid="true"
-                                aria-describedby="{{ $field->id }}-error"
+                        @if($field->wire_model)
+                            wire:model.{{ $field->wire_model }}="{{ $field->key }}"
+                        @else
+                            wire:model="{{ $field->key }}"
+                        @endif
+
+                        @if(! $errors->has($field->key))
+                            class="w-4 h-4 text-indigo-600 border-gray-300 focus:ring-indigo-500"
+                            @if($field->instructions)
+                                aria-describedby="{{ $field->id }}-instructions"
                             @endif
-                        />
-                    </div>
-                    <div class="ml-3 text-sm">
-                        <label
-                            for="{{ $field->id }}-{{ $option }}"
-                            class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-700'}}"
-                        >
-                            {{ $label }}
-                        </label>
-                    </div>
+                        @else
+                            class="w-4 h-4 text-indigo-600 border-red-300 focus:ring-red-500"
+                            aria-invalid="true"
+                            aria-describedby="{{ $field->id }}-error"
+                        @endif
+                    />
+                </div>
+                <div class="ml-3 text-sm">
+                    <label
+                        for="{{ $field->id }}-{{ $option }}"
+                        class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-700' }}"
+                    >
+                        {{ $label }}
+                    </label>
                 </div>
-            @endforeach
-        </div>
+            </div>
+        @endforeach
+    </div>
+
+    <div>
+        @if($field->instructions_position == 'below')
+            @include($this->component->getView('instructions'))
+        @endif
 
         @include($this->component->getView('error'))
     </div>
diff --git a/resources/stubs/theme/fields/select.blade.php b/resources/stubs/theme/fields/select.blade.php
index d5d1da26..034a6c2d 100644
--- a/resources/stubs/theme/fields/select.blade.php
+++ b/resources/stubs/theme/fields/select.blade.php
@@ -1,43 +1,53 @@
-@if ($field->show_label)
-    <div class="mb-1">
-        <label for="{{ $field->id }}" class="block font-medium text-gray-700 @if ($field->instructions) text-base @else text-sm @endif">
-            {{ $field->label }}
-        </label>
-        @if ($field->instructions)
-            <p class="mb-4 text-sm text-gray-500">{{ $field->instructions }}</p>
+<div>
+    @include($this->component->getView('label'))
+
+    @if($field->instructions_position == 'above')
+        @include($this->component->getView('instructions'))
+    @endif
+</div>
+
+<select
+    id="{{ $field->id }}"
+    name="{{ $field->id }}"
+
+    @if($field->wire_model)
+        wire:model.{{ $field->wire_model }}="{{ $field->key }}"
+    @else
+        wire:model="{{ $field->key }}"
+    @endif
+
+    @if($field->multiple)
+        multiple
+    @endif
+
+    @if(! $errors->has($field->key))
+        class="block w-full py-2 pl-3 pr-10 text-base text-black border-gray-300 rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+        @if($field->instructions)
+            aria-describedby="{{ $field->id }}-instructions"
         @endif
-    </div>
-@else
-    <label for="{{ $field->id }}" class="sr-only">{{ $field->label }}</label>
-@endif
+    @else
+        class="block w-full py-2 pl-3 pr-10 text-base text-red-800 border-red-300 rounded-md focus:outline-none focus:ring-red-500 focus:border-red-500 sm:text-sm"
+        aria-invalid="true"
+        aria-describedby="{{ $field->id }}-error"
+    @endif
+>
+    @if($field->placeholder && ! $field->multiple)
+        <option value="" selected>
+            {{ $field->placeholder }}
+        </option>
+    @endif
+
+    @foreach($field->options as $option => $label)
+        <option wire:key="{{ $field->id }}-{{ $option }}" value="{{ $option }}">
+            {{ $label }}
+        </option>
+    @endforeach
+</select>
 
 <div>
-    <select
-        id="{{ $field->id }}"
-        name="{{ $field->id }}"
-        @if ($field->wire_model)
-            wire:model.{{ $field->wire_model }}="{{ $field->key }}"
-        @else
-            wire:model="{{ $field->key }}"
-        @endif
-        @if ($field->multiple) multiple @endif
-
-        @if (! $errors->has($field->key))
-            class="block w-full py-2 pl-3 pr-10 text-base border-gray-300 rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
-        @else
-            class="block w-full py-2 pl-3 pr-10 text-base text-red-800 border-red-300 rounded-md focus:outline-none focus:ring-red-500 focus:border-red-500 sm:text-sm"
-            aria-invalid="true"
-            aria-describedby="{{ $field->id }}-error"
-        @endif
-    >
-        @if ($field->placeholder && ! $field->multiple)
-            <option value="" selected>{{ $field->placeholder }}</option>
-        @endif
+    @if($field->instructions_position == 'below')
+        @include($this->component->getView('instructions'))
+    @endif
 
-        @foreach ($field->options as $option => $label)
-            <option wire:key="{{ $field->id }}-{{ $option }}" value="{{ $option }}">{{ $label }}</option>
-        @endforeach
-    </select>
+    @include($this->component->getView('error'))
 </div>
-
-@include($this->component->getView('error'))
diff --git a/resources/stubs/theme/fields/textarea.blade.php b/resources/stubs/theme/fields/textarea.blade.php
index a40c6431..7b180b81 100644
--- a/resources/stubs/theme/fields/textarea.blade.php
+++ b/resources/stubs/theme/fields/textarea.blade.php
@@ -1,40 +1,42 @@
-@if ($field->show_label)
-    <div class="mb-1">
-        <label for="{{ $field->id }}" class="block font-medium text-gray-700 @if ($field->instructions) text-base @else text-sm @endif">
-            {{ $field->label }}
-        </label>
-        @if ($field->instructions)
-            <p class="mb-4 text-sm text-gray-500">{{ $field->instructions }}</p>
-        @endif
-    </div>
-@else
-    <label for="{{ $field->id }}" class="sr-only">{{ $field->label }}</label>
-@endif
-
 <div>
-    <textarea
-        id="{{ $field->id }}"
-        name="{{ $field->id }}"
-        placeholder="{{ $field->placeholder }}"
+    @include($this->component->getView('label'))
 
-        @if ($field->wire_model)
-            wire:model.{{ $field->wire_model }}="{{ $field->key }}"
-        @else
-            wire:model="{{ $field->key }}"
-        @endif
+    @if($field->instructions_position == 'above')
+        @include($this->component->getView('instructions'))
+    @endif
+</div>
 
-        @if ($field->rows)
-            rows="{{ $field->rows }}"
-        @endif
+<textarea
+    id="{{ $field->id }}"
+    name="{{ $field->id }}"
+    placeholder="{{ $field->placeholder }}"
+
+    @if($field->wire_model)
+        wire:model.{{ $field->wire_model }}="{{ $field->key }}"
+    @else
+        wire:model="{{ $field->key }}"
+    @endif
 
-        @if (! $errors->has($field->key))
-            class="block w-full placeholder-gray-300 border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
-        @else
-            class="block w-full text-red-800 placeholder-red-300 border-red-300 rounded-md focus:ring-red-500 focus:border-red-500 sm:text-sm"
-            aria-invalid="true"
-            aria-describedby="{{ $field->id }}-error"
+    @if($field->rows)
+        rows="{{ $field->rows }}"
+    @endif
+
+    @if(! $errors->has($field->key))
+        class="block w-full text-black placeholder-gray-300 border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+        @if($field->instructions)
+            aria-describedby="{{ $field->id }}-instructions"
         @endif
-    ></textarea>
-</div>
+    @else
+        class="block w-full text-red-800 placeholder-red-300 border-red-300 rounded-md focus:ring-red-500 focus:border-red-500 sm:text-sm"
+        aria-invalid="true"
+        aria-describedby="{{ $field->id }}-error"
+    @endif
+></textarea>
 
-@include($this->component->getView('error'))
+<div>
+    @if($field->instructions_position == 'below')
+        @include($this->component->getView('instructions'))
+    @endif
+
+    @include($this->component->getView('error'))
+</div>
diff --git a/resources/stubs/theme/fields/toggle.blade.php b/resources/stubs/theme/fields/toggle.blade.php
index 38ce605a..1877928e 100644
--- a/resources/stubs/theme/fields/toggle.blade.php
+++ b/resources/stubs/theme/fields/toggle.blade.php
@@ -1,48 +1,51 @@
-<fieldset>
-    @if ($field->show_label)
-        <div class="mb-3">
-            <legend class="font-medium text-gray-700 @if ($field->instructions) text-base @else text-sm @endif">{{ $field->label }}</legend>
-            @if ($field->instructions)
-                <p class="mb-4 text-sm text-gray-500">{{ $field->instructions }}</p>
-            @endif
-        </div>
-    @else
-        <legend class="sr-only">{{ $field->label }}</legend>
-    @endif
-
+<fieldset class="space-y-3">
     <div>
-        <div class="flex items-center space-x-6">
-            <div class="flex items-start">
-                <div class="flex items-center h-5">
-                    <input
-                        id="{{ $field->id }}"
-                        name="{{ $field->id }}"
-                        type="checkbox"
-                        @if ($field->wire_model)
-                            wire:model.{{ $field->wire_model }}="{{ $field->key }}"
-                        @else
-                            wire:model="{{ $field->key }}"
-                        @endif
+        @include($this->component->getView('legend'))
+
+        @if($field->instructions_position == 'above')
+            @include($this->component->getView('instructions'))
+        @endif
+    </div>
+
+    <div class="flex items-start">
+        <div class="flex items-center h-5">
+            <input
+                id="{{ $field->id }}"
+                name="{{ $field->id }}"
+                type="checkbox"
 
-                        @if (! $errors->has($field->key))
-                            class="w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500"
-                        @else
-                            class="w-4 h-4 text-indigo-600 border-red-300 rounded focus:ring-red-500"
-                            aria-invalid="true"
-                            aria-describedby="{{ $field->id }}-error"
-                        @endif
-                    />
-                </div>
-                <div class="ml-3 text-sm">
-                    <label
-                        for="{{ $field->id }}"
-                        class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-700'}}"
-                    >
-                        {{ $field->inline_label }}
-                    </label>
-                </div>
-            </div>
+                @if($field->wire_model)
+                    wire:model.{{ $field->wire_model }}="{{ $field->key }}"
+                @else
+                    wire:model="{{ $field->key }}"
+                @endif
+
+                @if(! $errors->has($field->key))
+                    class="w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500"
+                    @if($field->instructions)
+                        aria-describedby="{{ $field->id }}-instructions"
+                    @endif
+                @else
+                    class="w-4 h-4 text-indigo-600 border-red-300 rounded focus:ring-red-500"
+                    aria-invalid="true"
+                    aria-describedby="{{ $field->id }}-error"
+                @endif
+            />
+        </div>
+        <div class="ml-3 text-sm">
+            <label
+                for="{{ $field->id }}"
+                class="font-medium [&_a]:text-indigo-500 [&_a]:hover:text-indigo-700 [&_a]:focus-within:outline-none [&_a]:focus-within:ring-2 [&_a]:focus-within:ring-indigo-500 [&_a]:focus-within:rounded-sm {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-700' }}"
+            >
+                {!! Statamic::modify($field->inline_label)->markdown() !!}
+            </label>
         </div>
+    </div>
+
+    <div>
+        @if($field->instructions_position == 'below')
+            @include($this->component->getView('instructions'))
+        @endif
 
         @include($this->component->getView('error'))
     </div>
diff --git a/resources/stubs/theme/instructions.blade.php b/resources/stubs/theme/instructions.blade.php
new file mode 100644
index 00000000..83578bf5
--- /dev/null
+++ b/resources/stubs/theme/instructions.blade.php
@@ -0,0 +1,3 @@
+@if($field->instructions)
+    <p id="{{ $field->id }}-instructions" class="text-[13px] text-gray-500">{{ $field->instructions }}</p>
+@endif
diff --git a/resources/stubs/theme/label.blade.php b/resources/stubs/theme/label.blade.php
new file mode 100644
index 00000000..a1c5b22e
--- /dev/null
+++ b/resources/stubs/theme/label.blade.php
@@ -0,0 +1,7 @@
+<label
+    for="{{ $field->id }}"
+    id="{{ $field->id }}-label"
+    class="block text-sm font-medium text-gray-700 {{ ! $field->show_label ? 'sr-only' : '' }}"
+>
+    {{ $field->label }}
+</label>
diff --git a/resources/stubs/theme/legend.blade.php b/resources/stubs/theme/legend.blade.php
new file mode 100644
index 00000000..04ac0b91
--- /dev/null
+++ b/resources/stubs/theme/legend.blade.php
@@ -0,0 +1,6 @@
+<legend
+    id="{{ $field->id }}-legend"
+    class="text-sm font-medium text-gray-700 {{ ! $field->show_label ? 'sr-only' : '' }}"
+>
+    {{ $field->label }}
+</legend>
diff --git a/resources/stubs/theme/section.blade.php b/resources/stubs/theme/section.blade.php
index b4c21146..234b70ee 100644
--- a/resources/stubs/theme/section.blade.php
+++ b/resources/stubs/theme/section.blade.php
@@ -1,23 +1,31 @@
-@if ($section)
+@if($section)
 
-    <div wire:key="{{ $section['id'] }}">
+    <section
+        wire:key="{{ $section['id'] }}"
+        aria-labelledby="{{ $section['id'] }}-label"
+        aria-describedby="{{ $section['id'] }}-instructions"
+    >
 
-        @if ($section['display'])
+        @if($section['display'])
             <div class="mb-6">
-                <h3 class="text-lg font-medium leading-6 text-gray-900">{{ __($section['display']) }}</h3>
+                <h3 id="{{ $section['id'] }}-label" class="text-lg font-medium leading-6 text-gray-900">
+                    {{ __($section['display']) }}
+                </h3>
 
-                @if ($section['instructions'])
-                    <p class="mt-1 text-sm text-gray-500">{{ __($section['instructions']) }}</p>
+                @if($section['instructions'])
+                    <p id="{{ $section['id'] }}-instructions" class="mt-1 text-sm text-gray-500">
+                        {{ __($section['instructions']) }}
+                    </p>
                 @endif
             </div>
         @endif
 
         <div class="grid grid-cols-1 gap-8 md:grid-cols-12">
-            @foreach ($section['fields'] as $field)
+            @foreach($section['fields'] as $field)
                 @include($this->component->getView('field'))
             @endforeach
         </div>
 
-    </div>
+    </section>
 
 @endif
diff --git a/resources/stubs/theme/sections.blade.php b/resources/stubs/theme/sections.blade.php
index e85a0046..cc673836 100644
--- a/resources/stubs/theme/sections.blade.php
+++ b/resources/stubs/theme/sections.blade.php
@@ -1,5 +1,5 @@
 <div class="flex flex-col gap-y-16">
-    @foreach ($this->fields->sections() as $section)
+    @foreach($this->fields->sections() as $section)
         @include($this->component->getView('section'))
     @endforeach
 </div>
diff --git a/resources/stubs/theme/success.blade.php b/resources/stubs/theme/success.blade.php
index be661fd6..0287852e 100644
--- a/resources/stubs/theme/success.blade.php
+++ b/resources/stubs/theme/success.blade.php
@@ -1,4 +1,4 @@
-@if (session()->has('success'))
+@if(session()->has('success'))
 
     <div class="flex p-4 rounded-md bg-green-50">
         <div class="flex-shrink-0">
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 1aaebca7..b25d8ead 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -7,6 +7,7 @@
 use Aerni\LivewireForms\Fields\Properties\WithHandle;
 use Aerni\LivewireForms\Fields\Properties\WithId;
 use Aerni\LivewireForms\Fields\Properties\WithInstructions;
+use Aerni\LivewireForms\Fields\Properties\WithInstructionsPosition;
 use Aerni\LivewireForms\Fields\Properties\WithKey;
 use Aerni\LivewireForms\Fields\Properties\WithLabel;
 use Aerni\LivewireForms\Fields\Properties\WithRules;
@@ -25,6 +26,7 @@ abstract class Field
     use WithHandle;
     use WithId;
     use WithInstructions;
+    use WithInstructionsPosition;
     use WithKey;
     use WithLabel;
     use WithRules;
diff --git a/src/Fields/Properties/WithInstructionsPosition.php b/src/Fields/Properties/WithInstructionsPosition.php
new file mode 100644
index 00000000..462e06a6
--- /dev/null
+++ b/src/Fields/Properties/WithInstructionsPosition.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace Aerni\LivewireForms\Fields\Properties;
+
+trait WithInstructionsPosition
+{
+    protected function instructionsPositionProperty(): string
+    {
+        return $this->field->get('instructions_position', 'above');
+    }
+}

From 17f282b50aae13d46f03c72cb94c5e7403293212 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 8 Nov 2023 14:10:17 -0500
Subject: [PATCH 008/209] Use shorthand syntax

---
 resources/views/form.blade.php | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/resources/views/form.blade.php b/resources/views/form.blade.php
index a905a529..9f1ce324 100644
--- a/resources/views/form.blade.php
+++ b/resources/views/form.blade.php
@@ -1,8 +1,3 @@
 <div>
-    <livewire:is
-        component="{{ $this->component }}"
-        handle="{{ $this->handle }}"
-        view="{{ $this->view }}"
-        theme="{{ $this->theme }}"
-    >
+    <livewire:is :$component :$handle :$view :$theme />
 </div>

From 861ac2824206409b762c0cbe1037a9e16f55b600 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 8 Nov 2023 14:30:38 -0500
Subject: [PATCH 009/209] Rename Form to DynamicForm

---
 .../views/{form.blade.php => dynamic-form.blade.php}      | 0
 src/Livewire/{Form.php => DynamicForm.php}                | 8 ++++----
 src/ServiceProvider.php                                   | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)
 rename resources/views/{form.blade.php => dynamic-form.blade.php} (100%)
 rename src/Livewire/{Form.php => DynamicForm.php} (90%)

diff --git a/resources/views/form.blade.php b/resources/views/dynamic-form.blade.php
similarity index 100%
rename from resources/views/form.blade.php
rename to resources/views/dynamic-form.blade.php
diff --git a/src/Livewire/Form.php b/src/Livewire/DynamicForm.php
similarity index 90%
rename from src/Livewire/Form.php
rename to src/Livewire/DynamicForm.php
index ac12fa7b..82907cd1 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/DynamicForm.php
@@ -6,12 +6,12 @@
 use Illuminate\Contracts\View\View;
 use Livewire\Component;
 
-class Form extends Component
+class DynamicForm extends Component
 {
-    public string $handle;
-
     public string $component;
 
+    public string $handle;
+
     public string $view;
 
     public string $theme;
@@ -31,6 +31,6 @@ public function getFormComponentProperty(): FormComponent
 
     public function render(): View
     {
-        return view('livewire-forms::form');
+        return view('livewire-forms::dynamic-form');
     }
 }
diff --git a/src/ServiceProvider.php b/src/ServiceProvider.php
index a3802bd0..4b78abaf 100644
--- a/src/ServiceProvider.php
+++ b/src/ServiceProvider.php
@@ -4,7 +4,7 @@
 
 use Aerni\LivewireForms\Facades\Captcha;
 use Aerni\LivewireForms\Livewire\DefaultForm;
-use Aerni\LivewireForms\Livewire\Form;
+use Aerni\LivewireForms\Livewire\DynamicForm;
 use Illuminate\Support\Facades\Blade;
 use Illuminate\Support\Facades\Validator;
 use Livewire\Livewire;
@@ -70,7 +70,7 @@ protected function registerValidators(): self
 
     protected function registerLivewireComponents(): self
     {
-        Livewire::component('form', Form::class);
+        Livewire::component('form', DynamicForm::class);
         Livewire::component('default-form', DefaultForm::class);
 
         return $this;

From 6db79de0a666da5aa6781a933296bcc2886bc49b Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 8 Nov 2023 14:37:48 -0500
Subject: [PATCH 010/209] Simplify component by using Facade directly

---
 src/Livewire/DynamicForm.php | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/Livewire/DynamicForm.php b/src/Livewire/DynamicForm.php
index 82907cd1..17920ccf 100644
--- a/src/Livewire/DynamicForm.php
+++ b/src/Livewire/DynamicForm.php
@@ -2,7 +2,7 @@
 
 namespace Aerni\LivewireForms\Livewire;
 
-use Aerni\LivewireForms\Form\Component as FormComponent;
+use Aerni\LivewireForms\Facades\Component as FormComponent;
 use Illuminate\Contracts\View\View;
 use Livewire\Component;
 
@@ -19,14 +19,9 @@ class DynamicForm extends Component
     public function mount(): void
     {
         $this->handle = $this->handle ?? throw new \Exception('Please set the handle of the form you want to use.');
-        $this->component = $this->formComponent->getComponent($this->handle);
-        $this->view = $this->view ?? $this->formComponent->defaultView();
-        $this->theme = $this->theme ?? $this->formComponent->defaultTheme();
-    }
-
-    public function getFormComponentProperty(): FormComponent
-    {
-        return \Aerni\LivewireForms\Facades\Component::getFacadeRoot();
+        $this->component = FormComponent::getComponent($this->handle);
+        $this->view = $this->view ?? FormComponent::defaultView();
+        $this->theme = $this->theme ?? FormComponent::defaultTheme();
     }
 
     public function render(): View

From fde78e00cc5d902f66efc9ec23a550034a28f3ed Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 8 Nov 2023 14:37:58 -0500
Subject: [PATCH 011/209] No need for the wrapping div

---
 resources/views/dynamic-form.blade.php | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/resources/views/dynamic-form.blade.php b/resources/views/dynamic-form.blade.php
index 9f1ce324..8acaaa0b 100644
--- a/resources/views/dynamic-form.blade.php
+++ b/resources/views/dynamic-form.blade.php
@@ -1,3 +1 @@
-<div>
-    <livewire:is :$component :$handle :$view :$theme />
-</div>
+<livewire:is :$component :$handle :$view :$theme />

From c367c409f6c936cc97d901681109e1d00b55c35d Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 8 Nov 2023 14:56:42 -0500
Subject: [PATCH 012/209] Move honeypot view into fields directory

---
 resources/stubs/theme/{ => fields}/honeypot.blade.php | 0
 src/BladeDirectives.php                               | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename resources/stubs/theme/{ => fields}/honeypot.blade.php (100%)

diff --git a/resources/stubs/theme/honeypot.blade.php b/resources/stubs/theme/fields/honeypot.blade.php
similarity index 100%
rename from resources/stubs/theme/honeypot.blade.php
rename to resources/stubs/theme/fields/honeypot.blade.php
diff --git a/src/BladeDirectives.php b/src/BladeDirectives.php
index db41cb0d..5080f23e 100644
--- a/src/BladeDirectives.php
+++ b/src/BladeDirectives.php
@@ -60,7 +60,7 @@ public static function formField(string $expression): string
     public static function formHoneypot(): string
     {
         return Blade::compileString("
-            @include(\$this->component->getView('honeypot'))
+            @include(\$this->component->getView('fields.honeypot'))
         ");
     }
 

From 128fb9f1d969820c9a4a8b99937c9322012b6cdd Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 8 Nov 2023 15:33:45 -0500
Subject: [PATCH 013/209] Revert "No need for the wrapping div"

This reverts commit fde78e00cc5d902f66efc9ec23a550034a28f3ed.
---
 resources/views/dynamic-form.blade.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/resources/views/dynamic-form.blade.php b/resources/views/dynamic-form.blade.php
index 8acaaa0b..9f1ce324 100644
--- a/resources/views/dynamic-form.blade.php
+++ b/resources/views/dynamic-form.blade.php
@@ -1 +1,3 @@
-<livewire:is :$component :$handle :$view :$theme />
+<div>
+    <livewire:is :$component :$handle :$view :$theme />
+</div>

From 75d9cd7f8cec23708632ff3469b239ce2066e476 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 8 Nov 2023 19:56:43 -0500
Subject: [PATCH 014/209] Move views to vendor folder

---
 config/livewire-forms.php                              |  2 +-
 .../form.blade.php => views/default-form.blade.php}    |  4 ++--
 .../theme => views/themes/default}/error.blade.php     |  0
 .../theme => views/themes/default}/errors.blade.php    |  0
 .../theme => views/themes/default}/field.blade.php     |  0
 .../themes/default}/fields/captcha.blade.php           |  0
 .../themes/default}/fields/checkbox.blade.php          |  0
 .../themes/default}/fields/file.blade.php              |  0
 .../themes/default}/fields/honeypot.blade.php          |  0
 .../themes/default}/fields/input.blade.php             |  0
 .../themes/default}/fields/radio.blade.php             |  0
 .../themes/default}/fields/select.blade.php            |  0
 .../themes/default}/fields/spacer.blade.php            |  0
 .../themes/default}/fields/textarea.blade.php          |  0
 .../themes/default}/fields/toggle.blade.php            |  0
 .../themes/default}/instructions.blade.php             |  0
 .../theme => views/themes/default}/label.blade.php     |  0
 .../theme => views/themes/default}/legend.blade.php    |  0
 .../theme => views/themes/default}/section.blade.php   |  7 ++++---
 .../theme => views/themes/default}/sections.blade.php  |  2 +-
 .../theme => views/themes/default}/submit.blade.php    |  0
 .../theme => views/themes/default}/success.blade.php   |  0
 src/Commands/MakeTheme.php                             |  4 ++--
 src/Commands/MakeView.php                              |  6 +++---
 src/Form/Component.php                                 | 10 +++++-----
 src/Livewire/BaseForm.php                              |  2 +-
 26 files changed, 19 insertions(+), 18 deletions(-)
 rename resources/{stubs/form.blade.php => views/default-form.blade.php} (64%)
 rename resources/{stubs/theme => views/themes/default}/error.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/errors.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/field.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/fields/captcha.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/fields/checkbox.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/fields/file.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/fields/honeypot.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/fields/input.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/fields/radio.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/fields/select.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/fields/spacer.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/fields/textarea.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/fields/toggle.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/instructions.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/label.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/legend.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/section.blade.php (88%)
 rename resources/{stubs/theme => views/themes/default}/sections.blade.php (77%)
 rename resources/{stubs/theme => views/themes/default}/submit.blade.php (100%)
 rename resources/{stubs/theme => views/themes/default}/success.blade.php (100%)

diff --git a/config/livewire-forms.php b/config/livewire-forms.php
index 5a67e57f..2625f375 100644
--- a/config/livewire-forms.php
+++ b/config/livewire-forms.php
@@ -11,7 +11,7 @@
     |
     */
 
-    'view' => 'default',
+    'view' => 'default-form',
 
     /*
     |--------------------------------------------------------------------------
diff --git a/resources/stubs/form.blade.php b/resources/views/default-form.blade.php
similarity index 64%
rename from resources/stubs/form.blade.php
rename to resources/views/default-form.blade.php
index edb29354..c55c7c16 100644
--- a/resources/stubs/form.blade.php
+++ b/resources/views/default-form.blade.php
@@ -1,7 +1,7 @@
 <form wire:submit="submit">
-    <div class="flex flex-col w-full max-w-2xl gap-y-16">
+    <div class="grid gap-y-16">
         @formSections
-        <div class="flex flex-col gap-y-4">
+        <div class="grid gap-y-4">
             @formHoneypot
             @formSubmit
             @formErrors
diff --git a/resources/stubs/theme/error.blade.php b/resources/views/themes/default/error.blade.php
similarity index 100%
rename from resources/stubs/theme/error.blade.php
rename to resources/views/themes/default/error.blade.php
diff --git a/resources/stubs/theme/errors.blade.php b/resources/views/themes/default/errors.blade.php
similarity index 100%
rename from resources/stubs/theme/errors.blade.php
rename to resources/views/themes/default/errors.blade.php
diff --git a/resources/stubs/theme/field.blade.php b/resources/views/themes/default/field.blade.php
similarity index 100%
rename from resources/stubs/theme/field.blade.php
rename to resources/views/themes/default/field.blade.php
diff --git a/resources/stubs/theme/fields/captcha.blade.php b/resources/views/themes/default/fields/captcha.blade.php
similarity index 100%
rename from resources/stubs/theme/fields/captcha.blade.php
rename to resources/views/themes/default/fields/captcha.blade.php
diff --git a/resources/stubs/theme/fields/checkbox.blade.php b/resources/views/themes/default/fields/checkbox.blade.php
similarity index 100%
rename from resources/stubs/theme/fields/checkbox.blade.php
rename to resources/views/themes/default/fields/checkbox.blade.php
diff --git a/resources/stubs/theme/fields/file.blade.php b/resources/views/themes/default/fields/file.blade.php
similarity index 100%
rename from resources/stubs/theme/fields/file.blade.php
rename to resources/views/themes/default/fields/file.blade.php
diff --git a/resources/stubs/theme/fields/honeypot.blade.php b/resources/views/themes/default/fields/honeypot.blade.php
similarity index 100%
rename from resources/stubs/theme/fields/honeypot.blade.php
rename to resources/views/themes/default/fields/honeypot.blade.php
diff --git a/resources/stubs/theme/fields/input.blade.php b/resources/views/themes/default/fields/input.blade.php
similarity index 100%
rename from resources/stubs/theme/fields/input.blade.php
rename to resources/views/themes/default/fields/input.blade.php
diff --git a/resources/stubs/theme/fields/radio.blade.php b/resources/views/themes/default/fields/radio.blade.php
similarity index 100%
rename from resources/stubs/theme/fields/radio.blade.php
rename to resources/views/themes/default/fields/radio.blade.php
diff --git a/resources/stubs/theme/fields/select.blade.php b/resources/views/themes/default/fields/select.blade.php
similarity index 100%
rename from resources/stubs/theme/fields/select.blade.php
rename to resources/views/themes/default/fields/select.blade.php
diff --git a/resources/stubs/theme/fields/spacer.blade.php b/resources/views/themes/default/fields/spacer.blade.php
similarity index 100%
rename from resources/stubs/theme/fields/spacer.blade.php
rename to resources/views/themes/default/fields/spacer.blade.php
diff --git a/resources/stubs/theme/fields/textarea.blade.php b/resources/views/themes/default/fields/textarea.blade.php
similarity index 100%
rename from resources/stubs/theme/fields/textarea.blade.php
rename to resources/views/themes/default/fields/textarea.blade.php
diff --git a/resources/stubs/theme/fields/toggle.blade.php b/resources/views/themes/default/fields/toggle.blade.php
similarity index 100%
rename from resources/stubs/theme/fields/toggle.blade.php
rename to resources/views/themes/default/fields/toggle.blade.php
diff --git a/resources/stubs/theme/instructions.blade.php b/resources/views/themes/default/instructions.blade.php
similarity index 100%
rename from resources/stubs/theme/instructions.blade.php
rename to resources/views/themes/default/instructions.blade.php
diff --git a/resources/stubs/theme/label.blade.php b/resources/views/themes/default/label.blade.php
similarity index 100%
rename from resources/stubs/theme/label.blade.php
rename to resources/views/themes/default/label.blade.php
diff --git a/resources/stubs/theme/legend.blade.php b/resources/views/themes/default/legend.blade.php
similarity index 100%
rename from resources/stubs/theme/legend.blade.php
rename to resources/views/themes/default/legend.blade.php
diff --git a/resources/stubs/theme/section.blade.php b/resources/views/themes/default/section.blade.php
similarity index 88%
rename from resources/stubs/theme/section.blade.php
rename to resources/views/themes/default/section.blade.php
index 234b70ee..57f42cbd 100644
--- a/resources/stubs/theme/section.blade.php
+++ b/resources/views/themes/default/section.blade.php
@@ -4,16 +4,17 @@
         wire:key="{{ $section['id'] }}"
         aria-labelledby="{{ $section['id'] }}-label"
         aria-describedby="{{ $section['id'] }}-instructions"
+        class="grid gap-y-8"
     >
 
         @if($section['display'])
-            <div class="mb-6">
-                <h3 id="{{ $section['id'] }}-label" class="text-lg font-medium leading-6 text-gray-900">
+            <div>
+                <h3 id="{{ $section['id'] }}-label" class="text-lg font-medium text-gray-900">
                     {{ __($section['display']) }}
                 </h3>
 
                 @if($section['instructions'])
-                    <p id="{{ $section['id'] }}-instructions" class="mt-1 text-sm text-gray-500">
+                    <p id="{{ $section['id'] }}-instructions" class="text-base text-gray-500">
                         {{ __($section['instructions']) }}
                     </p>
                 @endif
diff --git a/resources/stubs/theme/sections.blade.php b/resources/views/themes/default/sections.blade.php
similarity index 77%
rename from resources/stubs/theme/sections.blade.php
rename to resources/views/themes/default/sections.blade.php
index cc673836..d3b415c6 100644
--- a/resources/stubs/theme/sections.blade.php
+++ b/resources/views/themes/default/sections.blade.php
@@ -1,4 +1,4 @@
-<div class="flex flex-col gap-y-16">
+<div class="grid gap-y-16">
     @foreach($this->fields->sections() as $section)
         @include($this->component->getView('section'))
     @endforeach
diff --git a/resources/stubs/theme/submit.blade.php b/resources/views/themes/default/submit.blade.php
similarity index 100%
rename from resources/stubs/theme/submit.blade.php
rename to resources/views/themes/default/submit.blade.php
diff --git a/resources/stubs/theme/success.blade.php b/resources/views/themes/default/success.blade.php
similarity index 100%
rename from resources/stubs/theme/success.blade.php
rename to resources/views/themes/default/success.blade.php
diff --git a/src/Commands/MakeTheme.php b/src/Commands/MakeTheme.php
index 37b078d6..e826b7a1 100644
--- a/src/Commands/MakeTheme.php
+++ b/src/Commands/MakeTheme.php
@@ -18,10 +18,10 @@ class MakeTheme extends Command
     public function handle(): void
     {
         $theme = $this->argument('name') ?? $this->ask('What do you want to call the theme?', Component::defaultTheme());
-        $path = resource_path('views/livewire/forms/'.$theme);
+        $path = resource_path('views/vendor/livewire-forms/themes/'.$theme);
 
         if (! File::exists($path) || $this->confirm("A theme with the name <comment>$theme</comment> already exists. Do you want to overwrite it?")) {
-            File::copyDirectory(__DIR__.'/../../resources/stubs/theme/', $path);
+            File::copyDirectory(__DIR__.'/../../resources/views/themes/default/', $path);
             $this->line("<info>[✓]</info> The theme was successfully created: <comment>{$this->getRelativePath($path)}</comment>");
         }
     }
diff --git a/src/Commands/MakeView.php b/src/Commands/MakeView.php
index 4d852269..31500b6c 100644
--- a/src/Commands/MakeView.php
+++ b/src/Commands/MakeView.php
@@ -18,12 +18,12 @@ class MakeView extends Command
     public function handle(): void
     {
         $view = $this->argument('name') ?? $this->ask('What do you want to call the view?', Component::defaultView());
-        $stub = File::get(__DIR__.'/../../resources/stubs/form.blade.php');
+        $stub = File::get(__DIR__.'/../../resources/views/default-form.blade.php');
         $filename = "{$view}.blade.php";
-        $path = resource_path("views/livewire/forms/{$filename}");
+        $path = resource_path("views/vendor/livewire-forms/{$filename}");
 
         if (! File::exists($path) || $this->confirm("A view with the name <comment>$filename</comment> already exists. Do you want to overwrite it?")) {
-            File::ensureDirectoryExists(resource_path('views/livewire/forms'));
+            File::ensureDirectoryExists(resource_path('views/vendor/livewire-forms'));
             File::put($path, $stub);
             $this->line("<info>[✓]</info> The view was successfully created: <comment>{$this->getRelativePath($path)}</comment>");
         }
diff --git a/src/Form/Component.php b/src/Form/Component.php
index e5b9b050..28397c27 100644
--- a/src/Form/Component.php
+++ b/src/Form/Component.php
@@ -13,7 +13,7 @@ class Component
 
     public function defaultView(): string
     {
-        return config('livewire-forms.view', 'default');
+        return config('livewire-forms.view', 'default-form');
     }
 
     public function defaultTheme(): string
@@ -30,8 +30,8 @@ public function view(string $view): self
 
     public function theme(string $theme): self
     {
-        if (! is_dir(resource_path("views/livewire/forms/{$theme}"))) {
-            throw new \Exception("Theme [{$theme}] not found.");
+        if (! is_dir(resource_path("views/vendor/livewire-forms/themes/{$theme}"))) {
+            throw new \Exception("The theme [{$theme}] doesn't exist. Please create it or use a different theme.");
         }
 
         $this->theme = $theme;
@@ -41,8 +41,8 @@ public function theme(string $theme): self
 
     public function getView(string $view): string
     {
-        $themeView = "livewire.forms.{$this->theme}.{$view}";
-        $defaultView = "livewire.forms.{$this->defaultTheme()}.{$view}";
+        $themeView = "livewire-forms::themes/{$this->theme}.{$view}";
+        $defaultView = "livewire-forms::themes/{$this->defaultTheme()}.{$view}";
 
         return view()->exists($themeView) ? $themeView : $defaultView;
     }
diff --git a/src/Livewire/BaseForm.php b/src/Livewire/BaseForm.php
index cb1d0232..a557be7b 100644
--- a/src/Livewire/BaseForm.php
+++ b/src/Livewire/BaseForm.php
@@ -133,7 +133,7 @@ public function submit(): void
 
     public function render(): LaravelView
     {
-        return view("livewire.forms.{$this->view}");
+        return view("livewire-forms::{$this->view}");
     }
 
     public function updated(string $field): void

From f304b35e810c66b68383df514c9fc71b70e6fd6b Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 9 Nov 2023 16:05:04 +0100
Subject: [PATCH 015/209] Use dot syntax for loading views

---
 src/Form/Component.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Form/Component.php b/src/Form/Component.php
index 28397c27..30b83d0c 100644
--- a/src/Form/Component.php
+++ b/src/Form/Component.php
@@ -41,8 +41,8 @@ public function theme(string $theme): self
 
     public function getView(string $view): string
     {
-        $themeView = "livewire-forms::themes/{$this->theme}.{$view}";
-        $defaultView = "livewire-forms::themes/{$this->defaultTheme()}.{$view}";
+        $themeView = "livewire-forms::themes.{$this->theme}.{$view}";
+        $defaultView = "livewire-forms::themes.{$this->defaultTheme()}.{$view}";
 
         return view()->exists($themeView) ? $themeView : $defaultView;
     }

From 4dd80811f534ce6d1888de73a679c1b8e5e44849 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 9 Nov 2023 16:43:07 +0100
Subject: [PATCH 016/209] Rename default view

---
 config/livewire-forms.php                                     | 2 +-
 resources/views/{default-form.blade.php => default.blade.php} | 0
 src/Form/Component.php                                        | 2 +-
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename resources/views/{default-form.blade.php => default.blade.php} (100%)

diff --git a/config/livewire-forms.php b/config/livewire-forms.php
index 2625f375..5a67e57f 100644
--- a/config/livewire-forms.php
+++ b/config/livewire-forms.php
@@ -11,7 +11,7 @@
     |
     */
 
-    'view' => 'default-form',
+    'view' => 'default',
 
     /*
     |--------------------------------------------------------------------------
diff --git a/resources/views/default-form.blade.php b/resources/views/default.blade.php
similarity index 100%
rename from resources/views/default-form.blade.php
rename to resources/views/default.blade.php
diff --git a/src/Form/Component.php b/src/Form/Component.php
index 30b83d0c..a6d3894a 100644
--- a/src/Form/Component.php
+++ b/src/Form/Component.php
@@ -13,7 +13,7 @@ class Component
 
     public function defaultView(): string
     {
-        return config('livewire-forms.view', 'default-form');
+        return config('livewire-forms.view', 'form');
     }
 
     public function defaultTheme(): string

From 78c95a70a814b9c78a61d38c281a7660b057c59e Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 9 Nov 2023 16:43:46 +0100
Subject: [PATCH 017/209] Autoload view by form handle

---
 src/Form/Component.php       | 11 -----------
 src/Livewire/DynamicForm.php | 36 +++++++++++++++++++++++++++++++++---
 2 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/src/Form/Component.php b/src/Form/Component.php
index a6d3894a..e4e963cc 100644
--- a/src/Form/Component.php
+++ b/src/Form/Component.php
@@ -2,9 +2,6 @@
 
 namespace Aerni\LivewireForms\Form;
 
-use Illuminate\Support\Str;
-use Livewire\Livewire;
-
 class Component
 {
     protected string $theme;
@@ -46,12 +43,4 @@ public function getView(string $view): string
 
         return view()->exists($themeView) ? $themeView : $defaultView;
     }
-
-    public function getComponent(string $handle): string
-    {
-        $key = Str::replace('_', '-', $handle).'-form';
-        $component = Livewire::isDiscoverable($key);
-
-        return $component ? $key : 'default-form';
-    }
 }
diff --git a/src/Livewire/DynamicForm.php b/src/Livewire/DynamicForm.php
index 17920ccf..a078a7d4 100644
--- a/src/Livewire/DynamicForm.php
+++ b/src/Livewire/DynamicForm.php
@@ -4,7 +4,9 @@
 
 use Aerni\LivewireForms\Facades\Component as FormComponent;
 use Illuminate\Contracts\View\View;
+use Illuminate\Support\Str;
 use Livewire\Component;
+use Livewire\Livewire;
 
 class DynamicForm extends Component
 {
@@ -19,9 +21,37 @@ class DynamicForm extends Component
     public function mount(): void
     {
         $this->handle = $this->handle ?? throw new \Exception('Please set the handle of the form you want to use.');
-        $this->component = FormComponent::getComponent($this->handle);
-        $this->view = $this->view ?? FormComponent::defaultView();
-        $this->theme = $this->theme ?? FormComponent::defaultTheme();
+        $this->component = $this->getComponent();
+        $this->view = $this->getView();
+        $this->theme = $this->getTheme();
+    }
+
+    protected function getComponent(): string
+    {
+        $component = Str::replace('_', '-', $this->handle).'-form';
+
+        return Livewire::isDiscoverable($component) ? $component : 'default-form';
+    }
+
+    protected function getView(): string
+    {
+        // Load the user-defined view if it exists
+        if ($this->view ?? null) {
+            return $this->view;
+        }
+
+        // Autoload the view by form handle if it exists
+        if (view()->exists("livewire-forms::{$this->handle}")) {
+            return $this->handle;
+        }
+
+        // Fall back to the default view
+        return FormComponent::defaultView();
+    }
+
+    protected function getTheme(): string
+    {
+        return $this->theme ?? FormComponent::defaultTheme();
     }
 
     public function render(): View

From cbcd26181c76113851c5b4174f6e8e9980965d91 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 9 Nov 2023 16:50:55 +0100
Subject: [PATCH 018/209] Autoload theme by form handle

---
 src/Livewire/DynamicForm.php | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/Livewire/DynamicForm.php b/src/Livewire/DynamicForm.php
index a078a7d4..2f73ec56 100644
--- a/src/Livewire/DynamicForm.php
+++ b/src/Livewire/DynamicForm.php
@@ -10,10 +10,10 @@
 
 class DynamicForm extends Component
 {
-    public string $component;
-
     public string $handle;
 
+    public string $component;
+
     public string $view;
 
     public string $theme;
@@ -51,7 +51,18 @@ protected function getView(): string
 
     protected function getTheme(): string
     {
-        return $this->theme ?? FormComponent::defaultTheme();
+        // Load the user-defined theme if it exists
+        if ($this->theme ?? null) {
+            return $this->theme;
+        }
+
+        // Autoload the theme by form handle if it exists
+        if (is_dir(resource_path("views/vendor/livewire-forms/themes/{$this->handle}"))) {
+            return $this->handle;
+        }
+
+        // Fall back to the default theme
+        return FormComponent::defaultTheme();
     }
 
     public function render(): View

From 388975efabd461f73a00d5d293ccfbfbe6ff194d Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 9 Nov 2023 18:02:40 +0100
Subject: [PATCH 019/209] Rename form components

---
 src/Livewire/DefaultForm.php            | 7 -------
 src/Livewire/{BaseForm.php => Form.php} | 2 +-
 src/ServiceProvider.php                 | 2 --
 3 files changed, 1 insertion(+), 10 deletions(-)
 delete mode 100644 src/Livewire/DefaultForm.php
 rename src/Livewire/{BaseForm.php => Form.php} (99%)

diff --git a/src/Livewire/DefaultForm.php b/src/Livewire/DefaultForm.php
deleted file mode 100644
index 45940dd8..00000000
--- a/src/Livewire/DefaultForm.php
+++ /dev/null
@@ -1,7 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Livewire;
-
-class DefaultForm extends BaseForm
-{
-}
diff --git a/src/Livewire/BaseForm.php b/src/Livewire/Form.php
similarity index 99%
rename from src/Livewire/BaseForm.php
rename to src/Livewire/Form.php
index a557be7b..c868f64b 100644
--- a/src/Livewire/BaseForm.php
+++ b/src/Livewire/Form.php
@@ -20,7 +20,7 @@
 use Statamic\Forms\SendEmails;
 use Statamic\Support\Str;
 
-class BaseForm extends Component
+class Form extends Component
 {
     use WithFileUploads;
 
diff --git a/src/ServiceProvider.php b/src/ServiceProvider.php
index 4b78abaf..92014300 100644
--- a/src/ServiceProvider.php
+++ b/src/ServiceProvider.php
@@ -3,7 +3,6 @@
 namespace Aerni\LivewireForms;
 
 use Aerni\LivewireForms\Facades\Captcha;
-use Aerni\LivewireForms\Livewire\DefaultForm;
 use Aerni\LivewireForms\Livewire\DynamicForm;
 use Illuminate\Support\Facades\Blade;
 use Illuminate\Support\Facades\Validator;
@@ -71,7 +70,6 @@ protected function registerValidators(): self
     protected function registerLivewireComponents(): self
     {
         Livewire::component('form', DynamicForm::class);
-        Livewire::component('default-form', DefaultForm::class);
 
         return $this;
     }

From 012b708d46363070a448502de9012e716edb935d Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 9 Nov 2023 18:08:54 +0100
Subject: [PATCH 020/209] Fix wrong default value

---
 src/Form/Component.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Form/Component.php b/src/Form/Component.php
index e4e963cc..674d6054 100644
--- a/src/Form/Component.php
+++ b/src/Form/Component.php
@@ -10,7 +10,7 @@ class Component
 
     public function defaultView(): string
     {
-        return config('livewire-forms.view', 'form');
+        return config('livewire-forms.view', 'default');
     }
 
     public function defaultTheme(): string

From ec9e3fb71cddc6a506489aabdfee0d7568042559 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 9 Nov 2023 18:10:11 +0100
Subject: [PATCH 021/209] Allow falling back to vendor provided theme

---
 src/Form/Component.php | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/Form/Component.php b/src/Form/Component.php
index 674d6054..73438008 100644
--- a/src/Form/Component.php
+++ b/src/Form/Component.php
@@ -27,10 +27,6 @@ public function view(string $view): self
 
     public function theme(string $theme): self
     {
-        if (! is_dir(resource_path("views/vendor/livewire-forms/themes/{$theme}"))) {
-            throw new \Exception("The theme [{$theme}] doesn't exist. Please create it or use a different theme.");
-        }
-
         $this->theme = $theme;
 
         return $this;

From 330ed062de496923b93bc85daba11ddcf78e9e6b Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 10 Nov 2023 13:25:01 +0100
Subject: [PATCH 022/209] Move theme out of themes folder

---
 resources/views/{themes => }/default/error.blade.php          | 0
 resources/views/{themes => }/default/errors.blade.php         | 0
 resources/views/{themes => }/default/field.blade.php          | 0
 resources/views/{themes => }/default/fields/captcha.blade.php | 0
 .../views/{themes => }/default/fields/checkbox.blade.php      | 0
 resources/views/{themes => }/default/fields/file.blade.php    | 0
 .../views/{themes => }/default/fields/honeypot.blade.php      | 0
 resources/views/{themes => }/default/fields/input.blade.php   | 0
 resources/views/{themes => }/default/fields/radio.blade.php   | 0
 resources/views/{themes => }/default/fields/select.blade.php  | 0
 resources/views/{themes => }/default/fields/spacer.blade.php  | 0
 .../views/{themes => }/default/fields/textarea.blade.php      | 0
 resources/views/{themes => }/default/fields/toggle.blade.php  | 0
 resources/views/{themes => }/default/instructions.blade.php   | 0
 resources/views/{themes => }/default/label.blade.php          | 0
 resources/views/{themes => }/default/legend.blade.php         | 0
 resources/views/{themes => }/default/section.blade.php        | 0
 resources/views/{themes => }/default/sections.blade.php       | 0
 resources/views/{themes => }/default/submit.blade.php         | 0
 resources/views/{themes => }/default/success.blade.php        | 0
 src/Commands/MakeTheme.php                                    | 4 ++--
 src/Form/Component.php                                        | 4 ++--
 src/Livewire/DynamicForm.php                                  | 2 +-
 23 files changed, 5 insertions(+), 5 deletions(-)
 rename resources/views/{themes => }/default/error.blade.php (100%)
 rename resources/views/{themes => }/default/errors.blade.php (100%)
 rename resources/views/{themes => }/default/field.blade.php (100%)
 rename resources/views/{themes => }/default/fields/captcha.blade.php (100%)
 rename resources/views/{themes => }/default/fields/checkbox.blade.php (100%)
 rename resources/views/{themes => }/default/fields/file.blade.php (100%)
 rename resources/views/{themes => }/default/fields/honeypot.blade.php (100%)
 rename resources/views/{themes => }/default/fields/input.blade.php (100%)
 rename resources/views/{themes => }/default/fields/radio.blade.php (100%)
 rename resources/views/{themes => }/default/fields/select.blade.php (100%)
 rename resources/views/{themes => }/default/fields/spacer.blade.php (100%)
 rename resources/views/{themes => }/default/fields/textarea.blade.php (100%)
 rename resources/views/{themes => }/default/fields/toggle.blade.php (100%)
 rename resources/views/{themes => }/default/instructions.blade.php (100%)
 rename resources/views/{themes => }/default/label.blade.php (100%)
 rename resources/views/{themes => }/default/legend.blade.php (100%)
 rename resources/views/{themes => }/default/section.blade.php (100%)
 rename resources/views/{themes => }/default/sections.blade.php (100%)
 rename resources/views/{themes => }/default/submit.blade.php (100%)
 rename resources/views/{themes => }/default/success.blade.php (100%)

diff --git a/resources/views/themes/default/error.blade.php b/resources/views/default/error.blade.php
similarity index 100%
rename from resources/views/themes/default/error.blade.php
rename to resources/views/default/error.blade.php
diff --git a/resources/views/themes/default/errors.blade.php b/resources/views/default/errors.blade.php
similarity index 100%
rename from resources/views/themes/default/errors.blade.php
rename to resources/views/default/errors.blade.php
diff --git a/resources/views/themes/default/field.blade.php b/resources/views/default/field.blade.php
similarity index 100%
rename from resources/views/themes/default/field.blade.php
rename to resources/views/default/field.blade.php
diff --git a/resources/views/themes/default/fields/captcha.blade.php b/resources/views/default/fields/captcha.blade.php
similarity index 100%
rename from resources/views/themes/default/fields/captcha.blade.php
rename to resources/views/default/fields/captcha.blade.php
diff --git a/resources/views/themes/default/fields/checkbox.blade.php b/resources/views/default/fields/checkbox.blade.php
similarity index 100%
rename from resources/views/themes/default/fields/checkbox.blade.php
rename to resources/views/default/fields/checkbox.blade.php
diff --git a/resources/views/themes/default/fields/file.blade.php b/resources/views/default/fields/file.blade.php
similarity index 100%
rename from resources/views/themes/default/fields/file.blade.php
rename to resources/views/default/fields/file.blade.php
diff --git a/resources/views/themes/default/fields/honeypot.blade.php b/resources/views/default/fields/honeypot.blade.php
similarity index 100%
rename from resources/views/themes/default/fields/honeypot.blade.php
rename to resources/views/default/fields/honeypot.blade.php
diff --git a/resources/views/themes/default/fields/input.blade.php b/resources/views/default/fields/input.blade.php
similarity index 100%
rename from resources/views/themes/default/fields/input.blade.php
rename to resources/views/default/fields/input.blade.php
diff --git a/resources/views/themes/default/fields/radio.blade.php b/resources/views/default/fields/radio.blade.php
similarity index 100%
rename from resources/views/themes/default/fields/radio.blade.php
rename to resources/views/default/fields/radio.blade.php
diff --git a/resources/views/themes/default/fields/select.blade.php b/resources/views/default/fields/select.blade.php
similarity index 100%
rename from resources/views/themes/default/fields/select.blade.php
rename to resources/views/default/fields/select.blade.php
diff --git a/resources/views/themes/default/fields/spacer.blade.php b/resources/views/default/fields/spacer.blade.php
similarity index 100%
rename from resources/views/themes/default/fields/spacer.blade.php
rename to resources/views/default/fields/spacer.blade.php
diff --git a/resources/views/themes/default/fields/textarea.blade.php b/resources/views/default/fields/textarea.blade.php
similarity index 100%
rename from resources/views/themes/default/fields/textarea.blade.php
rename to resources/views/default/fields/textarea.blade.php
diff --git a/resources/views/themes/default/fields/toggle.blade.php b/resources/views/default/fields/toggle.blade.php
similarity index 100%
rename from resources/views/themes/default/fields/toggle.blade.php
rename to resources/views/default/fields/toggle.blade.php
diff --git a/resources/views/themes/default/instructions.blade.php b/resources/views/default/instructions.blade.php
similarity index 100%
rename from resources/views/themes/default/instructions.blade.php
rename to resources/views/default/instructions.blade.php
diff --git a/resources/views/themes/default/label.blade.php b/resources/views/default/label.blade.php
similarity index 100%
rename from resources/views/themes/default/label.blade.php
rename to resources/views/default/label.blade.php
diff --git a/resources/views/themes/default/legend.blade.php b/resources/views/default/legend.blade.php
similarity index 100%
rename from resources/views/themes/default/legend.blade.php
rename to resources/views/default/legend.blade.php
diff --git a/resources/views/themes/default/section.blade.php b/resources/views/default/section.blade.php
similarity index 100%
rename from resources/views/themes/default/section.blade.php
rename to resources/views/default/section.blade.php
diff --git a/resources/views/themes/default/sections.blade.php b/resources/views/default/sections.blade.php
similarity index 100%
rename from resources/views/themes/default/sections.blade.php
rename to resources/views/default/sections.blade.php
diff --git a/resources/views/themes/default/submit.blade.php b/resources/views/default/submit.blade.php
similarity index 100%
rename from resources/views/themes/default/submit.blade.php
rename to resources/views/default/submit.blade.php
diff --git a/resources/views/themes/default/success.blade.php b/resources/views/default/success.blade.php
similarity index 100%
rename from resources/views/themes/default/success.blade.php
rename to resources/views/default/success.blade.php
diff --git a/src/Commands/MakeTheme.php b/src/Commands/MakeTheme.php
index e826b7a1..414d0467 100644
--- a/src/Commands/MakeTheme.php
+++ b/src/Commands/MakeTheme.php
@@ -18,10 +18,10 @@ class MakeTheme extends Command
     public function handle(): void
     {
         $theme = $this->argument('name') ?? $this->ask('What do you want to call the theme?', Component::defaultTheme());
-        $path = resource_path('views/vendor/livewire-forms/themes/'.$theme);
+        $path = resource_path('views/vendor/livewire-forms/'.$theme);
 
         if (! File::exists($path) || $this->confirm("A theme with the name <comment>$theme</comment> already exists. Do you want to overwrite it?")) {
-            File::copyDirectory(__DIR__.'/../../resources/views/themes/default/', $path);
+            File::copyDirectory(__DIR__.'/../../resources/views/default/', $path);
             $this->line("<info>[✓]</info> The theme was successfully created: <comment>{$this->getRelativePath($path)}</comment>");
         }
     }
diff --git a/src/Form/Component.php b/src/Form/Component.php
index 73438008..644418a7 100644
--- a/src/Form/Component.php
+++ b/src/Form/Component.php
@@ -34,8 +34,8 @@ public function theme(string $theme): self
 
     public function getView(string $view): string
     {
-        $themeView = "livewire-forms::themes.{$this->theme}.{$view}";
-        $defaultView = "livewire-forms::themes.{$this->defaultTheme()}.{$view}";
+        $themeView = "livewire-forms::{$this->theme}.{$view}";
+        $defaultView = "livewire-forms::{$this->defaultTheme()}.{$view}";
 
         return view()->exists($themeView) ? $themeView : $defaultView;
     }
diff --git a/src/Livewire/DynamicForm.php b/src/Livewire/DynamicForm.php
index 2f73ec56..bbe1f8c0 100644
--- a/src/Livewire/DynamicForm.php
+++ b/src/Livewire/DynamicForm.php
@@ -57,7 +57,7 @@ protected function getTheme(): string
         }
 
         // Autoload the theme by form handle if it exists
-        if (is_dir(resource_path("views/vendor/livewire-forms/themes/{$this->handle}"))) {
+        if (is_dir(resource_path("views/vendor/livewire-forms/{$this->handle}"))) {
             return $this->handle;
         }
 

From 044e5a0ec3fc2d1b6347d51f1001b8e848289524 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 10 Nov 2023 13:29:49 +0100
Subject: [PATCH 023/209] Fix make:view command

---
 src/Commands/MakeView.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Commands/MakeView.php b/src/Commands/MakeView.php
index 31500b6c..af45a183 100644
--- a/src/Commands/MakeView.php
+++ b/src/Commands/MakeView.php
@@ -18,7 +18,7 @@ class MakeView extends Command
     public function handle(): void
     {
         $view = $this->argument('name') ?? $this->ask('What do you want to call the view?', Component::defaultView());
-        $stub = File::get(__DIR__.'/../../resources/views/default-form.blade.php');
+        $stub = File::get(__DIR__.'/../../resources/views/default.blade.php');
         $filename = "{$view}.blade.php";
         $path = resource_path("views/vendor/livewire-forms/{$filename}");
 

From 72cab2756d0349e35088fca2e689e6a49659eb44 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 10 Nov 2023 13:37:12 +0100
Subject: [PATCH 024/209] =?UTF-8?q?Don=E2=80=99t=20publish=20views=20as=20?=
 =?UTF-8?q?we=E2=80=99ve=20got=20make:theme`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ServiceProvider.php | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/src/ServiceProvider.php b/src/ServiceProvider.php
index 92014300..529b6f2e 100644
--- a/src/ServiceProvider.php
+++ b/src/ServiceProvider.php
@@ -26,7 +26,6 @@ public function bootAddon()
     {
         $this
             ->registerTranslations()
-            ->registerPublishables()
             ->registerBladeDirectives()
             ->registerValidators()
             ->registerLivewireComponents()
@@ -40,15 +39,6 @@ protected function registerTranslations(): self
         return $this;
     }
 
-    protected function registerPublishables(): self
-    {
-        $this->publishes([
-            __DIR__.'/../resources/views' => resource_path('views/vendor/livewire-forms'),
-        ], 'livewire-forms-views');
-
-        return $this;
-    }
-
     protected function registerBladeDirectives(): self
     {
         foreach (get_class_methods(BladeDirectives::class) as $method) {

From d81f2a477a12777f0f40992faf5de587ee428f34 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 10 Nov 2023 13:58:45 +0100
Subject: [PATCH 025/209] Better organization of views with subfolders

---
 resources/views/default/fields/captcha.blade.php       |  8 ++++----
 resources/views/default/fields/checkbox.blade.php      |  8 ++++----
 resources/views/default/fields/file.blade.php          |  8 ++++----
 resources/views/default/fields/input.blade.php         |  8 ++++----
 resources/views/default/fields/radio.blade.php         |  8 ++++----
 resources/views/default/fields/select.blade.php        |  8 ++++----
 resources/views/default/fields/textarea.blade.php      |  8 ++++----
 resources/views/default/fields/toggle.blade.php        |  8 ++++----
 resources/views/default/{ => layouts}/field.blade.php  |  0
 .../views/default/{ => layouts}/section.blade.php      |  2 +-
 .../views/default/{ => layouts}/sections.blade.php     |  2 +-
 resources/views/default/{ => layouts}/submit.blade.php |  0
 resources/views/default/{ => messages}/error.blade.php |  0
 .../views/default/{ => messages}/errors.blade.php      |  0
 .../default/{ => messages}/instructions.blade.php      |  0
 resources/views/default/{ => messages}/label.blade.php |  0
 .../views/default/{ => messages}/legend.blade.php      |  0
 .../views/default/{ => messages}/success.blade.php     |  0
 src/BladeDirectives.php                                | 10 +++++-----
 19 files changed, 39 insertions(+), 39 deletions(-)
 rename resources/views/default/{ => layouts}/field.blade.php (100%)
 rename resources/views/default/{ => layouts}/section.blade.php (92%)
 rename resources/views/default/{ => layouts}/sections.blade.php (62%)
 rename resources/views/default/{ => layouts}/submit.blade.php (100%)
 rename resources/views/default/{ => messages}/error.blade.php (100%)
 rename resources/views/default/{ => messages}/errors.blade.php (100%)
 rename resources/views/default/{ => messages}/instructions.blade.php (100%)
 rename resources/views/default/{ => messages}/label.blade.php (100%)
 rename resources/views/default/{ => messages}/legend.blade.php (100%)
 rename resources/views/default/{ => messages}/success.blade.php (100%)

diff --git a/resources/views/default/fields/captcha.blade.php b/resources/views/default/fields/captcha.blade.php
index 75cdaa2b..5ad7cdeb 100644
--- a/resources/views/default/fields/captcha.blade.php
+++ b/resources/views/default/fields/captcha.blade.php
@@ -1,8 +1,8 @@
 <div>
-    @include($this->component->getView('label'))
+    @include($this->component->getView('messages.label'))
 
     @if($field->instructions_position == 'above')
-        @include($this->component->getView('instructions'))
+        @include($this->component->getView('messages.instructions'))
     @endif
 </div>
 
@@ -21,10 +21,10 @@ class="g-recaptcha"
 
 <div>
     @if($field->instructions_position == 'below')
-        @include($this->component->getView('instructions'))
+        @include($this->component->getView('messages.instructions'))
     @endif
 
-    @include($this->component->getView('error'))
+    @include($this->component->getView('messages.error'))
 </div>
 
 <script>
diff --git a/resources/views/default/fields/checkbox.blade.php b/resources/views/default/fields/checkbox.blade.php
index 75c88440..338da605 100644
--- a/resources/views/default/fields/checkbox.blade.php
+++ b/resources/views/default/fields/checkbox.blade.php
@@ -1,9 +1,9 @@
 <fieldset class="space-y-3">
     <div>
-        @include($this->component->getView('legend'))
+        @include($this->component->getView('messages.legend'))
 
         @if($field->instructions_position == 'above')
-            @include($this->component->getView('instructions'))
+            @include($this->component->getView('messages.instructions'))
         @endif
     </div>
 
@@ -49,9 +49,9 @@ class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-70
 
     <div>
         @if($field->instructions_position == 'below')
-            @include($this->component->getView('instructions'))
+            @include($this->component->getView('messages.instructions'))
         @endif
 
-        @include($this->component->getView('error'))
+        @include($this->component->getView('messages.error'))
     </div>
 </fieldset>
diff --git a/resources/views/default/fields/file.blade.php b/resources/views/default/fields/file.blade.php
index 59916f31..b6250d00 100644
--- a/resources/views/default/fields/file.blade.php
+++ b/resources/views/default/fields/file.blade.php
@@ -1,8 +1,8 @@
 <div>
-    @include($this->component->getView('label'))
+    @include($this->component->getView('messages.label'))
 
     @if($field->instructions_position == 'above')
-        @include($this->component->getView('instructions'))
+        @include($this->component->getView('messages.instructions'))
     @endif
 </div>
 
@@ -35,8 +35,8 @@ class="block w-full text-red-800"
 
 <div>
     @if($field->instructions_position == 'below')
-        @include($this->component->getView('instructions'))
+        @include($this->component->getView('messages.instructions'))
     @endif
 
-    @include($this->component->getView('error'))
+    @include($this->component->getView('messages.error'))
 </div>
diff --git a/resources/views/default/fields/input.blade.php b/resources/views/default/fields/input.blade.php
index b9c3f820..ac8379fb 100644
--- a/resources/views/default/fields/input.blade.php
+++ b/resources/views/default/fields/input.blade.php
@@ -1,8 +1,8 @@
 <div>
-    @include($this->component->getView('label'))
+    @include($this->component->getView('messages.label'))
 
     @if($field->instructions_position == 'above')
-        @include($this->component->getView('instructions'))
+        @include($this->component->getView('messages.instructions'))
     @endif
 </div>
 
@@ -33,8 +33,8 @@ class="block w-full text-red-800 placeholder-red-300 border-red-300 rounded-md f
 
 <div>
     @if($field->instructions_position == 'below')
-        @include($this->component->getView('instructions'))
+        @include($this->component->getView('messages.instructions'))
     @endif
 
-    @include($this->component->getView('error'))
+    @include($this->component->getView('messages.error'))
 </div>
diff --git a/resources/views/default/fields/radio.blade.php b/resources/views/default/fields/radio.blade.php
index 7bd37338..d2edf6a8 100644
--- a/resources/views/default/fields/radio.blade.php
+++ b/resources/views/default/fields/radio.blade.php
@@ -1,9 +1,9 @@
 <fieldset class="space-y-3">
     <div>
-        @include($this->component->getView('legend'))
+        @include($this->component->getView('messages.legend'))
 
         @if($field->instructions_position == 'above')
-            @include($this->component->getView('instructions'))
+            @include($this->component->getView('messages.instructions'))
         @endif
     </div>
 
@@ -49,9 +49,9 @@ class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-70
 
     <div>
         @if($field->instructions_position == 'below')
-            @include($this->component->getView('instructions'))
+            @include($this->component->getView('messages.instructions'))
         @endif
 
-        @include($this->component->getView('error'))
+        @include($this->component->getView('messages.error'))
     </div>
 </fieldset>
diff --git a/resources/views/default/fields/select.blade.php b/resources/views/default/fields/select.blade.php
index 034a6c2d..196e07b6 100644
--- a/resources/views/default/fields/select.blade.php
+++ b/resources/views/default/fields/select.blade.php
@@ -1,8 +1,8 @@
 <div>
-    @include($this->component->getView('label'))
+    @include($this->component->getView('messages.label'))
 
     @if($field->instructions_position == 'above')
-        @include($this->component->getView('instructions'))
+        @include($this->component->getView('messages.instructions'))
     @endif
 </div>
 
@@ -46,8 +46,8 @@ class="block w-full py-2 pl-3 pr-10 text-base text-red-800 border-red-300 rounde
 
 <div>
     @if($field->instructions_position == 'below')
-        @include($this->component->getView('instructions'))
+        @include($this->component->getView('messages.instructions'))
     @endif
 
-    @include($this->component->getView('error'))
+    @include($this->component->getView('messages.error'))
 </div>
diff --git a/resources/views/default/fields/textarea.blade.php b/resources/views/default/fields/textarea.blade.php
index 7b180b81..f34359e7 100644
--- a/resources/views/default/fields/textarea.blade.php
+++ b/resources/views/default/fields/textarea.blade.php
@@ -1,8 +1,8 @@
 <div>
-    @include($this->component->getView('label'))
+    @include($this->component->getView('messages.label'))
 
     @if($field->instructions_position == 'above')
-        @include($this->component->getView('instructions'))
+        @include($this->component->getView('messages.instructions'))
     @endif
 </div>
 
@@ -35,8 +35,8 @@ class="block w-full text-red-800 placeholder-red-300 border-red-300 rounded-md f
 
 <div>
     @if($field->instructions_position == 'below')
-        @include($this->component->getView('instructions'))
+        @include($this->component->getView('messages.instructions'))
     @endif
 
-    @include($this->component->getView('error'))
+    @include($this->component->getView('messages.error'))
 </div>
diff --git a/resources/views/default/fields/toggle.blade.php b/resources/views/default/fields/toggle.blade.php
index 1877928e..290ee51f 100644
--- a/resources/views/default/fields/toggle.blade.php
+++ b/resources/views/default/fields/toggle.blade.php
@@ -1,9 +1,9 @@
 <fieldset class="space-y-3">
     <div>
-        @include($this->component->getView('legend'))
+        @include($this->component->getView('messages.legend'))
 
         @if($field->instructions_position == 'above')
-            @include($this->component->getView('instructions'))
+            @include($this->component->getView('messages.instructions'))
         @endif
     </div>
 
@@ -44,9 +44,9 @@ class="font-medium [&_a]:text-indigo-500 [&_a]:hover:text-indigo-700 [&_a]:focus
 
     <div>
         @if($field->instructions_position == 'below')
-            @include($this->component->getView('instructions'))
+            @include($this->component->getView('messages.instructions'))
         @endif
 
-        @include($this->component->getView('error'))
+        @include($this->component->getView('messages.error'))
     </div>
 </fieldset>
diff --git a/resources/views/default/field.blade.php b/resources/views/default/layouts/field.blade.php
similarity index 100%
rename from resources/views/default/field.blade.php
rename to resources/views/default/layouts/field.blade.php
diff --git a/resources/views/default/section.blade.php b/resources/views/default/layouts/section.blade.php
similarity index 92%
rename from resources/views/default/section.blade.php
rename to resources/views/default/layouts/section.blade.php
index 57f42cbd..ab3bc248 100644
--- a/resources/views/default/section.blade.php
+++ b/resources/views/default/layouts/section.blade.php
@@ -23,7 +23,7 @@ class="grid gap-y-8"
 
         <div class="grid grid-cols-1 gap-8 md:grid-cols-12">
             @foreach($section['fields'] as $field)
-                @include($this->component->getView('field'))
+                @include($this->component->getView('layouts.field'))
             @endforeach
         </div>
 
diff --git a/resources/views/default/sections.blade.php b/resources/views/default/layouts/sections.blade.php
similarity index 62%
rename from resources/views/default/sections.blade.php
rename to resources/views/default/layouts/sections.blade.php
index d3b415c6..77fb8b8a 100644
--- a/resources/views/default/sections.blade.php
+++ b/resources/views/default/layouts/sections.blade.php
@@ -1,5 +1,5 @@
 <div class="grid gap-y-16">
     @foreach($this->fields->sections() as $section)
-        @include($this->component->getView('section'))
+        @include($this->component->getView('layouts.section'))
     @endforeach
 </div>
diff --git a/resources/views/default/submit.blade.php b/resources/views/default/layouts/submit.blade.php
similarity index 100%
rename from resources/views/default/submit.blade.php
rename to resources/views/default/layouts/submit.blade.php
diff --git a/resources/views/default/error.blade.php b/resources/views/default/messages/error.blade.php
similarity index 100%
rename from resources/views/default/error.blade.php
rename to resources/views/default/messages/error.blade.php
diff --git a/resources/views/default/errors.blade.php b/resources/views/default/messages/errors.blade.php
similarity index 100%
rename from resources/views/default/errors.blade.php
rename to resources/views/default/messages/errors.blade.php
diff --git a/resources/views/default/instructions.blade.php b/resources/views/default/messages/instructions.blade.php
similarity index 100%
rename from resources/views/default/instructions.blade.php
rename to resources/views/default/messages/instructions.blade.php
diff --git a/resources/views/default/label.blade.php b/resources/views/default/messages/label.blade.php
similarity index 100%
rename from resources/views/default/label.blade.php
rename to resources/views/default/messages/label.blade.php
diff --git a/resources/views/default/legend.blade.php b/resources/views/default/messages/legend.blade.php
similarity index 100%
rename from resources/views/default/legend.blade.php
rename to resources/views/default/messages/legend.blade.php
diff --git a/resources/views/default/success.blade.php b/resources/views/default/messages/success.blade.php
similarity index 100%
rename from resources/views/default/success.blade.php
rename to resources/views/default/messages/success.blade.php
diff --git a/src/BladeDirectives.php b/src/BladeDirectives.php
index 5080f23e..3cea11f4 100644
--- a/src/BladeDirectives.php
+++ b/src/BladeDirectives.php
@@ -21,7 +21,7 @@ public static function captchaKey(): string
     public static function formSections(): string
     {
         return Blade::compileString("
-            @include(\$this->component->getView('sections'))
+            @include(\$this->component->getView('layouts.sections'))
         ");
     }
 
@@ -31,7 +31,7 @@ public static function formSections(): string
     public static function formSection(string $expression): string
     {
         return Blade::compileString("
-            @include(\$this->component->getView('section'), [
+            @include(\$this->component->getView('layouts.section'), [
                 'section' => \$this->fields->section($expression),
             ])
         ");
@@ -70,7 +70,7 @@ public static function formHoneypot(): string
     public static function formSubmit(): string
     {
         return Blade::compileString("
-            @include(\$this->component->getView('submit'))
+            @include(\$this->component->getView('layouts.submit'))
         ");
     }
 
@@ -80,7 +80,7 @@ public static function formSubmit(): string
     public static function formErrors(): string
     {
         return Blade::compileString("
-            @include(\$this->component->getView('errors'))
+            @include(\$this->component->getView('messages.errors'))
         ");
     }
 
@@ -90,7 +90,7 @@ public static function formErrors(): string
     public static function formSuccess(): string
     {
         return Blade::compileString("
-            @include(\$this->component->getView('success'))
+            @include(\$this->component->getView('messages.success'))
         ");
     }
 }

From c80abd3478b504565a4c5a21c7729b245a424208 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 10 Nov 2023 17:25:36 +0100
Subject: [PATCH 026/209] Abstract view include behind `@formView` directive

---
 .../views/default/fields/captcha.blade.php    |  8 ++---
 .../views/default/fields/checkbox.blade.php   |  8 ++---
 resources/views/default/fields/file.blade.php |  8 ++---
 .../views/default/fields/input.blade.php      |  8 ++---
 .../views/default/fields/radio.blade.php      |  8 ++---
 .../views/default/fields/select.blade.php     |  8 ++---
 .../views/default/fields/textarea.blade.php   |  8 ++---
 .../views/default/fields/toggle.blade.php     |  8 ++---
 .../views/default/layouts/field.blade.php     |  2 +-
 .../views/default/layouts/section.blade.php   |  2 +-
 .../views/default/layouts/sections.blade.php  |  2 +-
 src/BladeDirectives.php                       | 31 ++++++++++++++-----
 src/Fields/Properties/WithView.php            | 21 +++++++------
 13 files changed, 69 insertions(+), 53 deletions(-)

diff --git a/resources/views/default/fields/captcha.blade.php b/resources/views/default/fields/captcha.blade.php
index 5ad7cdeb..1c80203b 100644
--- a/resources/views/default/fields/captcha.blade.php
+++ b/resources/views/default/fields/captcha.blade.php
@@ -1,8 +1,8 @@
 <div>
-    @include($this->component->getView('messages.label'))
+    @formView('messages.label')
 
     @if($field->instructions_position == 'above')
-        @include($this->component->getView('messages.instructions'))
+        @formView('messages.instructions')
     @endif
 </div>
 
@@ -21,10 +21,10 @@ class="g-recaptcha"
 
 <div>
     @if($field->instructions_position == 'below')
-        @include($this->component->getView('messages.instructions'))
+        @formView('messages.instructions')
     @endif
 
-    @include($this->component->getView('messages.error'))
+    @formView('messages.error')
 </div>
 
 <script>
diff --git a/resources/views/default/fields/checkbox.blade.php b/resources/views/default/fields/checkbox.blade.php
index 338da605..686fadf0 100644
--- a/resources/views/default/fields/checkbox.blade.php
+++ b/resources/views/default/fields/checkbox.blade.php
@@ -1,9 +1,9 @@
 <fieldset class="space-y-3">
     <div>
-        @include($this->component->getView('messages.legend'))
+        @formView('messages.legend')
 
         @if($field->instructions_position == 'above')
-            @include($this->component->getView('messages.instructions'))
+            @formView('messages.instructions')
         @endif
     </div>
 
@@ -49,9 +49,9 @@ class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-70
 
     <div>
         @if($field->instructions_position == 'below')
-            @include($this->component->getView('messages.instructions'))
+            @formView('messages.instructions')
         @endif
 
-        @include($this->component->getView('messages.error'))
+        @formView('messages.error')
     </div>
 </fieldset>
diff --git a/resources/views/default/fields/file.blade.php b/resources/views/default/fields/file.blade.php
index b6250d00..7d0ab4bb 100644
--- a/resources/views/default/fields/file.blade.php
+++ b/resources/views/default/fields/file.blade.php
@@ -1,8 +1,8 @@
 <div>
-    @include($this->component->getView('messages.label'))
+    @formView('messages.label')
 
     @if($field->instructions_position == 'above')
-        @include($this->component->getView('messages.instructions'))
+        @formView('messages.instructions')
     @endif
 </div>
 
@@ -35,8 +35,8 @@ class="block w-full text-red-800"
 
 <div>
     @if($field->instructions_position == 'below')
-        @include($this->component->getView('messages.instructions'))
+        @formView('messages.instructions')
     @endif
 
-    @include($this->component->getView('messages.error'))
+    @formView('messages.error')
 </div>
diff --git a/resources/views/default/fields/input.blade.php b/resources/views/default/fields/input.blade.php
index ac8379fb..36775c36 100644
--- a/resources/views/default/fields/input.blade.php
+++ b/resources/views/default/fields/input.blade.php
@@ -1,8 +1,8 @@
 <div>
-    @include($this->component->getView('messages.label'))
+    @formView('messages.label')
 
     @if($field->instructions_position == 'above')
-        @include($this->component->getView('messages.instructions'))
+        @formView('messages.instructions')
     @endif
 </div>
 
@@ -33,8 +33,8 @@ class="block w-full text-red-800 placeholder-red-300 border-red-300 rounded-md f
 
 <div>
     @if($field->instructions_position == 'below')
-        @include($this->component->getView('messages.instructions'))
+        @formView('messages.instructions')
     @endif
 
-    @include($this->component->getView('messages.error'))
+    @formView('messages.error')
 </div>
diff --git a/resources/views/default/fields/radio.blade.php b/resources/views/default/fields/radio.blade.php
index d2edf6a8..e21207f0 100644
--- a/resources/views/default/fields/radio.blade.php
+++ b/resources/views/default/fields/radio.blade.php
@@ -1,9 +1,9 @@
 <fieldset class="space-y-3">
     <div>
-        @include($this->component->getView('messages.legend'))
+        @formView('messages.legend')
 
         @if($field->instructions_position == 'above')
-            @include($this->component->getView('messages.instructions'))
+            @formView('messages.instructions')
         @endif
     </div>
 
@@ -49,9 +49,9 @@ class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-70
 
     <div>
         @if($field->instructions_position == 'below')
-            @include($this->component->getView('messages.instructions'))
+            @formView('messages.instructions')
         @endif
 
-        @include($this->component->getView('messages.error'))
+        @formView('messages.error')
     </div>
 </fieldset>
diff --git a/resources/views/default/fields/select.blade.php b/resources/views/default/fields/select.blade.php
index 196e07b6..1946fa11 100644
--- a/resources/views/default/fields/select.blade.php
+++ b/resources/views/default/fields/select.blade.php
@@ -1,8 +1,8 @@
 <div>
-    @include($this->component->getView('messages.label'))
+    @formView('messages.label')
 
     @if($field->instructions_position == 'above')
-        @include($this->component->getView('messages.instructions'))
+        @formView('messages.instructions')
     @endif
 </div>
 
@@ -46,8 +46,8 @@ class="block w-full py-2 pl-3 pr-10 text-base text-red-800 border-red-300 rounde
 
 <div>
     @if($field->instructions_position == 'below')
-        @include($this->component->getView('messages.instructions'))
+        @formView('messages.instructions')
     @endif
 
-    @include($this->component->getView('messages.error'))
+    @formView('messages.error')
 </div>
diff --git a/resources/views/default/fields/textarea.blade.php b/resources/views/default/fields/textarea.blade.php
index f34359e7..32d43897 100644
--- a/resources/views/default/fields/textarea.blade.php
+++ b/resources/views/default/fields/textarea.blade.php
@@ -1,8 +1,8 @@
 <div>
-    @include($this->component->getView('messages.label'))
+    @formView('messages.label')
 
     @if($field->instructions_position == 'above')
-        @include($this->component->getView('messages.instructions'))
+        @formView('messages.instructions')
     @endif
 </div>
 
@@ -35,8 +35,8 @@ class="block w-full text-red-800 placeholder-red-300 border-red-300 rounded-md f
 
 <div>
     @if($field->instructions_position == 'below')
-        @include($this->component->getView('messages.instructions'))
+        @formView('messages.instructions')
     @endif
 
-    @include($this->component->getView('messages.error'))
+    @formView('messages.error')
 </div>
diff --git a/resources/views/default/fields/toggle.blade.php b/resources/views/default/fields/toggle.blade.php
index 290ee51f..f4351424 100644
--- a/resources/views/default/fields/toggle.blade.php
+++ b/resources/views/default/fields/toggle.blade.php
@@ -1,9 +1,9 @@
 <fieldset class="space-y-3">
     <div>
-        @include($this->component->getView('messages.legend'))
+        @formView('messages.legend')
 
         @if($field->instructions_position == 'above')
-            @include($this->component->getView('messages.instructions'))
+            @formView('messages.instructions')
         @endif
     </div>
 
@@ -44,9 +44,9 @@ class="font-medium [&_a]:text-indigo-500 [&_a]:hover:text-indigo-700 [&_a]:focus
 
     <div>
         @if($field->instructions_position == 'below')
-            @include($this->component->getView('messages.instructions'))
+            @formView('messages.instructions')
         @endif
 
-        @include($this->component->getView('messages.error'))
+        @formView('messages.error')
     </div>
 </fieldset>
diff --git a/resources/views/default/layouts/field.blade.php b/resources/views/default/layouts/field.blade.php
index c8687508..c024aa8f 100644
--- a/resources/views/default/layouts/field.blade.php
+++ b/resources/views/default/layouts/field.blade.php
@@ -11,7 +11,7 @@ class="space-y-2 col-span-1
             {{ $field->width === 100 ? 'md:col-span-12' : '' }}
         "
     >
-        @include($field->view)
+        @formView($field->view)
     </div>
 
 @endif
diff --git a/resources/views/default/layouts/section.blade.php b/resources/views/default/layouts/section.blade.php
index ab3bc248..2d419b1b 100644
--- a/resources/views/default/layouts/section.blade.php
+++ b/resources/views/default/layouts/section.blade.php
@@ -23,7 +23,7 @@ class="grid gap-y-8"
 
         <div class="grid grid-cols-1 gap-8 md:grid-cols-12">
             @foreach($section['fields'] as $field)
-                @include($this->component->getView('layouts.field'))
+                @formView('layouts.field')
             @endforeach
         </div>
 
diff --git a/resources/views/default/layouts/sections.blade.php b/resources/views/default/layouts/sections.blade.php
index 77fb8b8a..3c382498 100644
--- a/resources/views/default/layouts/sections.blade.php
+++ b/resources/views/default/layouts/sections.blade.php
@@ -1,5 +1,5 @@
 <div class="grid gap-y-16">
     @foreach($this->fields->sections() as $section)
-        @include($this->component->getView('layouts.section'))
+        @formView('layouts.section')
     @endforeach
 </div>
diff --git a/src/BladeDirectives.php b/src/BladeDirectives.php
index 3cea11f4..fee7e162 100644
--- a/src/BladeDirectives.php
+++ b/src/BladeDirectives.php
@@ -15,13 +15,28 @@ public static function captchaKey(): string
         return Captcha::key();
     }
 
+    /**
+     * Get a specific form view.
+     */
+    public static function formView(string $expression): string
+    {
+        $variables = explode(', ', $expression);
+
+        $view = $variables[0];
+        $arguments = $variables[1] ?? '[]';
+
+        return Blade::compileString("
+            @include(\$this->component->getView($view), $arguments)
+        ");
+    }
+
     /**
      * Get all the fields grouped by section
      */
     public static function formSections(): string
     {
         return Blade::compileString("
-            @include(\$this->component->getView('layouts.sections'))
+            @formView('layouts.sections')
         ");
     }
 
@@ -31,7 +46,7 @@ public static function formSections(): string
     public static function formSection(string $expression): string
     {
         return Blade::compileString("
-            @include(\$this->component->getView('layouts.section'), [
+            @formView('layouts.section', [
                 'section' => \$this->fields->section($expression),
             ])
         ");
@@ -45,11 +60,11 @@ public static function formField(string $expression): string
         $variables = explode(', ', $expression);
 
         $field = $variables[0];
-        $properties = $variables[1] ?? '[]';
+        $arguments = $variables[1] ?? '[]';
 
         return "<?php
             if (\$this->fields->get($field)) {
-                echo \Aerni\LivewireForms\Facades\View::field(\$this->fields->get($field), $properties);
+                echo \Aerni\LivewireForms\Facades\View::field(\$this->fields->get($field), $arguments);
             }
         ?>";
     }
@@ -60,7 +75,7 @@ public static function formField(string $expression): string
     public static function formHoneypot(): string
     {
         return Blade::compileString("
-            @include(\$this->component->getView('fields.honeypot'))
+            @formView('fields.honeypot')
         ");
     }
 
@@ -70,7 +85,7 @@ public static function formHoneypot(): string
     public static function formSubmit(): string
     {
         return Blade::compileString("
-            @include(\$this->component->getView('layouts.submit'))
+            @formView('layouts.submit')
         ");
     }
 
@@ -80,7 +95,7 @@ public static function formSubmit(): string
     public static function formErrors(): string
     {
         return Blade::compileString("
-            @include(\$this->component->getView('messages.errors'))
+            @formView('messages.errors')
         ");
     }
 
@@ -90,7 +105,7 @@ public static function formErrors(): string
     public static function formSuccess(): string
     {
         return Blade::compileString("
-            @include(\$this->component->getView('messages.success'))
+            @formView('messages.success')
         ");
     }
 }
diff --git a/src/Fields/Properties/WithView.php b/src/Fields/Properties/WithView.php
index 71622248..8a663549 100644
--- a/src/Fields/Properties/WithView.php
+++ b/src/Fields/Properties/WithView.php
@@ -2,20 +2,21 @@
 
 namespace Aerni\LivewireForms\Fields\Properties;
 
-use Aerni\LivewireForms\Facades\Component;
-
 trait WithView
 {
     protected function viewProperty(): string
     {
-        $auto = Component::getView("fields.{$this->handle}");
-        $field = Component::getView("fields.{$this->field->get('view')}");
-        $default = Component::getView('fields.'.static::$view);
+        // Try to load a user-defined view first.
+        if ($this->field->get('view')) {
+            return 'fields'.$this->field->get('view');
+        }
+
+        // Try to autoload the view by field handle.
+        if (view()->exists("livewire-forms::fields.{$this->handle}")) {
+            return 'fields'.$this->handle;
+        }
 
-        return match (true) {
-            view()->exists($field) => $field,
-            view()->exists($auto) => $auto,
-            default => $default
-        };
+        // Fall back to the default field view.
+        return 'fields.'.static::$view;
     }
 }

From 489bbc7d520c3fd93316e183d4081423e21cd0a1 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 10 Nov 2023 18:01:48 +0100
Subject: [PATCH 027/209] Remove blade directives that solely render a view

---
 README.md                         | 18 +++++------
 resources/views/default.blade.php | 10 +++----
 src/BladeDirectives.php           | 50 -------------------------------
 3 files changed, 12 insertions(+), 66 deletions(-)

diff --git a/README.md b/README.md
index 263821f2..a645845a 100644
--- a/README.md
+++ b/README.md
@@ -182,17 +182,13 @@ This is the default view. You may customize it to your liking.
 
 ### Blade Directives
 
-There are a couple of blade directives you may use in your form views. Each directive renders a view inside the current theme.
-
-| Directive                | Description                                        | View               |
-| ------------------------ | -------------------------------------------------- | ------------------ |
-| `@formSections`          | Loop through and render all form fields by section | sections.blade.php |
-| `@formSection('handle')` | Render a specific from section                     | section.blade.php  |
-| `@formField('handle')`   | Render a specific form field                       | field.blade.php    |
-| `@formHoneypot`          | Render the form honeypot field                     | honeypot.blade.php |
-| `@formSubmit`            | Render the form submit button                      | submit.blade.php   |
-| `@formErrors`            | Render the form validation errors                  | errors.blade.php   |
-| `@formSuccess`           | Render the form success message                    | success.blade.php  |
+There are a couple of blade directives you may use in your form views. The directives are aware of the form's theme and will render the views accordingly.
+
+| Directive                | Description                                        | View                      |
+| ------------------------ | -------------------------------------------------- | ------------------------- |
+| `@formSection('handle')` | Render a specific from section                     | section.blade.php         |
+| `@formField('handle')`   | Render a specific form field                       | field.blade.php           |
+| `@formView('view')`      | Render a specific form view                        | Whatever view you give it |
 
 ### Customization Example
 
diff --git a/resources/views/default.blade.php b/resources/views/default.blade.php
index c55c7c16..1e4c6d0c 100644
--- a/resources/views/default.blade.php
+++ b/resources/views/default.blade.php
@@ -1,11 +1,11 @@
 <form wire:submit="submit">
     <div class="grid gap-y-16">
-        @formSections
+        @formView('layouts.sections')
         <div class="grid gap-y-4">
-            @formHoneypot
-            @formSubmit
-            @formErrors
-            @formSuccess
+            @formView('fields.honeypot')
+            @formView('layouts.submit')
+            @formView('messages.errors')
+            @formView('messages.success')
         </div>
     </div>
 </form>
diff --git a/src/BladeDirectives.php b/src/BladeDirectives.php
index fee7e162..12268f0d 100644
--- a/src/BladeDirectives.php
+++ b/src/BladeDirectives.php
@@ -30,16 +30,6 @@ public static function formView(string $expression): string
         ");
     }
 
-    /**
-     * Get all the fields grouped by section
-     */
-    public static function formSections(): string
-    {
-        return Blade::compileString("
-            @formView('layouts.sections')
-        ");
-    }
-
     /**
      * Get the fields of a specific section by its handle
      */
@@ -68,44 +58,4 @@ public static function formField(string $expression): string
             }
         ?>";
     }
-
-    /**
-     * Get the honeypot field.
-     */
-    public static function formHoneypot(): string
-    {
-        return Blade::compileString("
-            @formView('fields.honeypot')
-        ");
-    }
-
-    /**
-     * Get the form submit button.
-     */
-    public static function formSubmit(): string
-    {
-        return Blade::compileString("
-            @formView('layouts.submit')
-        ");
-    }
-
-    /**
-     * Get the form errors messages.
-     */
-    public static function formErrors(): string
-    {
-        return Blade::compileString("
-            @formView('messages.errors')
-        ");
-    }
-
-    /**
-     * Get the form success message.
-     */
-    public static function formSuccess(): string
-    {
-        return Blade::compileString("
-            @formView('messages.success')
-        ");
-    }
 }

From 8598899adb7e14d91dd309a386c77ec1b07c16c3 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 10 Nov 2023 18:04:14 +0100
Subject: [PATCH 028/209] Update comments

---
 src/Livewire/DynamicForm.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Livewire/DynamicForm.php b/src/Livewire/DynamicForm.php
index bbe1f8c0..4f01b47c 100644
--- a/src/Livewire/DynamicForm.php
+++ b/src/Livewire/DynamicForm.php
@@ -35,17 +35,17 @@ protected function getComponent(): string
 
     protected function getView(): string
     {
-        // Load the user-defined view if it exists
+        // Try to load a user-defined view first.
         if ($this->view ?? null) {
             return $this->view;
         }
 
-        // Autoload the view by form handle if it exists
+        // Try to autoload the view by form handle.
         if (view()->exists("livewire-forms::{$this->handle}")) {
             return $this->handle;
         }
 
-        // Fall back to the default view
+        // Fall back to the default view.
         return FormComponent::defaultView();
     }
 

From b51d28204a1e0e0c34d1f69441f63bdaef824fe0 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 10 Nov 2023 18:06:06 +0100
Subject: [PATCH 029/209] Fix loading of field views

---
 src/Fields/Properties/WithView.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Fields/Properties/WithView.php b/src/Fields/Properties/WithView.php
index 8a663549..c86befb7 100644
--- a/src/Fields/Properties/WithView.php
+++ b/src/Fields/Properties/WithView.php
@@ -8,12 +8,12 @@ protected function viewProperty(): string
     {
         // Try to load a user-defined view first.
         if ($this->field->get('view')) {
-            return 'fields'.$this->field->get('view');
+            return 'fields.'.$this->field->get('view');
         }
 
         // Try to autoload the view by field handle.
         if (view()->exists("livewire-forms::fields.{$this->handle}")) {
-            return 'fields'.$this->handle;
+            return 'fields.'.$this->handle;
         }
 
         // Fall back to the default field view.

From fd388f5b9a29aaff6cb16dd83a63da87f10b9f14 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 11 Nov 2023 10:20:40 +0100
Subject: [PATCH 030/209] Fix loading of default-form

---
 src/ServiceProvider.php | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/ServiceProvider.php b/src/ServiceProvider.php
index 529b6f2e..f258e523 100644
--- a/src/ServiceProvider.php
+++ b/src/ServiceProvider.php
@@ -4,6 +4,7 @@
 
 use Aerni\LivewireForms\Facades\Captcha;
 use Aerni\LivewireForms\Livewire\DynamicForm;
+use Aerni\LivewireForms\Livewire\Form;
 use Illuminate\Support\Facades\Blade;
 use Illuminate\Support\Facades\Validator;
 use Livewire\Livewire;
@@ -60,6 +61,7 @@ protected function registerValidators(): self
     protected function registerLivewireComponents(): self
     {
         Livewire::component('form', DynamicForm::class);
+        Livewire::component('default-form', Form::class);
 
         return $this;
     }

From 94a5d9d13b43fcc83c1669e0c6b911d821aaa778 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 11 Nov 2023 10:28:15 +0100
Subject: [PATCH 031/209] Update form stub

---
 resources/stubs/DummyForm.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/stubs/DummyForm.php b/resources/stubs/DummyForm.php
index a20ddee3..9b417970 100644
--- a/resources/stubs/DummyForm.php
+++ b/resources/stubs/DummyForm.php
@@ -3,9 +3,9 @@
 namespace App\Livewire;
 
 use Aerni\LivewireForms\Form\Fields;
-use Aerni\LivewireForms\Livewire\BaseForm;
+use Aerni\LivewireForms\Livewire\Form;
 
-class DummyForm extends BaseForm
+class DummyForm extends Form
 {
     /*
     |--------------------------------------------------------------------------

From 04fb5733a8bc81270fecb3bf719321630badd956 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 15 Nov 2023 16:09:31 +0100
Subject: [PATCH 032/209] Use Alpine for field conditions

---
 resources/views/default.blade.php             |  6 +-
 .../views/default/layouts/field.blade.php     | 40 ++++++-----
 .../views/default/layouts/section.blade.php   | 66 ++++++++++-------
 src/Facades/Conditions.php                    | 13 ----
 src/Fields/Field.php                          |  6 +-
 src/Fields/Hidden.php                         | 10 ---
 src/Fields/Properties/WithAlwaysSave.php      | 11 +++
 src/Fields/Properties/WithConditions.php      |  9 +--
 src/Fields/Properties/WithHidden.php          | 11 +++
 src/Fields/Properties/WithShow.php            | 13 ----
 src/Fields/Text.php                           | 10 ++-
 src/Form/Conditions.php                       | 71 -------------------
 src/Form/Fields.php                           | 32 ++-------
 src/Livewire/Form.php                         | 34 ++++++---
 14 files changed, 128 insertions(+), 204 deletions(-)
 delete mode 100644 src/Facades/Conditions.php
 create mode 100644 src/Fields/Properties/WithAlwaysSave.php
 create mode 100644 src/Fields/Properties/WithHidden.php
 delete mode 100644 src/Fields/Properties/WithShow.php
 delete mode 100644 src/Form/Conditions.php

diff --git a/resources/views/default.blade.php b/resources/views/default.blade.php
index 1e4c6d0c..c44d26a0 100644
--- a/resources/views/default.blade.php
+++ b/resources/views/default.blade.php
@@ -1,4 +1,4 @@
-<form wire:submit="submit">
+<form wire:submit="submit" x-cloak>
     <div class="grid gap-y-16">
         @formView('layouts.sections')
         <div class="grid gap-y-4">
@@ -9,3 +9,7 @@
         </div>
     </div>
 </form>
+
+@once
+    <script src="/vendor/statamic/frontend/js/helpers.js"></script>
+@endonce
diff --git a/resources/views/default/layouts/field.blade.php b/resources/views/default/layouts/field.blade.php
index c024aa8f..57d64907 100644
--- a/resources/views/default/layouts/field.blade.php
+++ b/resources/views/default/layouts/field.blade.php
@@ -1,17 +1,23 @@
-@if($field->show)
-
-    <div
-        wire:key="{{ $field->id }}"
-        class="space-y-2 col-span-1
-            {{ $field->width === 25 ? 'md:col-span-3' : '' }}
-            {{ $field->width === 33 ? 'md:col-span-4' : '' }}
-            {{ $field->width === 50 ? 'md:col-span-6' : '' }}
-            {{ $field->width === 66 ? 'md:col-span-8' : '' }}
-            {{ $field->width === 75 ? 'md:col-span-9' : '' }}
-            {{ $field->width === 100 ? 'md:col-span-12' : '' }}
-        "
-    >
-        @formView($field->view)
-    </div>
-
-@endif
+<div
+    x-data="{
+        show() {
+            return @json($field->hidden) ? false : this.passesConditions()
+        },
+        passesConditions() {
+            return Statamic.$conditions.showField({{ $field->conditions }}, $wire.data)
+        },
+    }"
+    x-show="show"
+    x-effect="$dispatch('field-conditions-updated', { field: '{{ $field->handle }}', passesConditions: passesConditions() })"
+    wire:key="{{ $field->id }}"
+    class="space-y-2 col-span-1
+        {{ $field->width === 25 ? 'md:col-span-3' : '' }}
+        {{ $field->width === 33 ? 'md:col-span-4' : '' }}
+        {{ $field->width === 50 ? 'md:col-span-6' : '' }}
+        {{ $field->width === 66 ? 'md:col-span-8' : '' }}
+        {{ $field->width === 75 ? 'md:col-span-9' : '' }}
+        {{ $field->width === 100 ? 'md:col-span-12' : '' }}
+    "
+>
+    @formView($field->view)
+</div>
diff --git a/resources/views/default/layouts/section.blade.php b/resources/views/default/layouts/section.blade.php
index 2d419b1b..21cb3f23 100644
--- a/resources/views/default/layouts/section.blade.php
+++ b/resources/views/default/layouts/section.blade.php
@@ -1,32 +1,44 @@
-@if($section)
+<section
+    x-data="{
+        fields: {{ $section['fields'] }},
+        init() {
+            this.fields = Object.fromEntries(Object.keys(this.fields).map(key => [key, true]))
+        },
+        updateFields(event) {
+            if (this.fields.hasOwnProperty(event.detail.field)) {
+                this.fields[event.detail.field] = event.detail.evaluation
+            }
+        },
+        show() {
+            return Object.values(this.fields).some(value => value === true)
+        },
+    }"
+    x-show="show"
+    x-on:field-conditions-evaluated="updateFields($event)"
+    wire:key="{{ $section['id'] }}"
+    aria-labelledby="{{ $section['id'] }}-label"
+    aria-describedby="{{ $section['id'] }}-instructions"
+    class="grid gap-y-8"
+>
 
-    <section
-        wire:key="{{ $section['id'] }}"
-        aria-labelledby="{{ $section['id'] }}-label"
-        aria-describedby="{{ $section['id'] }}-instructions"
-        class="grid gap-y-8"
-    >
+    @if($section['display'])
+        <div>
+            <h3 id="{{ $section['id'] }}-label" class="text-lg font-medium text-gray-900">
+                {{ __($section['display']) }}
+            </h3>
 
-        @if($section['display'])
-            <div>
-                <h3 id="{{ $section['id'] }}-label" class="text-lg font-medium text-gray-900">
-                    {{ __($section['display']) }}
-                </h3>
-
-                @if($section['instructions'])
-                    <p id="{{ $section['id'] }}-instructions" class="text-base text-gray-500">
-                        {{ __($section['instructions']) }}
-                    </p>
-                @endif
-            </div>
-        @endif
-
-        <div class="grid grid-cols-1 gap-8 md:grid-cols-12">
-            @foreach($section['fields'] as $field)
-                @formView('layouts.field')
-            @endforeach
+            @if($section['instructions'])
+                <p id="{{ $section['id'] }}-instructions" class="text-base text-gray-500">
+                    {{ __($section['instructions']) }}
+                </p>
+            @endif
         </div>
+    @endif
 
-    </section>
+    <div class="grid grid-cols-1 gap-8 md:grid-cols-12">
+        @foreach($section['fields'] as $field)
+            @formView('layouts.field')
+        @endforeach
+    </div>
 
-@endif
+</section>
diff --git a/src/Facades/Conditions.php b/src/Facades/Conditions.php
deleted file mode 100644
index 0985c61f..00000000
--- a/src/Facades/Conditions.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Facades;
-
-use Illuminate\Support\Facades\Facade;
-
-class Conditions extends Facade
-{
-    protected static function getFacadeAccessor()
-    {
-        return \Aerni\LivewireForms\Form\Conditions::class;
-    }
-}
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index b25d8ead..f0c748b6 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -2,16 +2,17 @@
 
 namespace Aerni\LivewireForms\Fields;
 
+use Aerni\LivewireForms\Fields\Properties\WithAlwaysSave;
 use Aerni\LivewireForms\Fields\Properties\WithConditions;
 use Aerni\LivewireForms\Fields\Properties\WithDefault;
 use Aerni\LivewireForms\Fields\Properties\WithHandle;
+use Aerni\LivewireForms\Fields\Properties\WithHidden;
 use Aerni\LivewireForms\Fields\Properties\WithId;
 use Aerni\LivewireForms\Fields\Properties\WithInstructions;
 use Aerni\LivewireForms\Fields\Properties\WithInstructionsPosition;
 use Aerni\LivewireForms\Fields\Properties\WithKey;
 use Aerni\LivewireForms\Fields\Properties\WithLabel;
 use Aerni\LivewireForms\Fields\Properties\WithRules;
-use Aerni\LivewireForms\Fields\Properties\WithShow;
 use Aerni\LivewireForms\Fields\Properties\WithShowLabel;
 use Aerni\LivewireForms\Fields\Properties\WithView;
 use Aerni\LivewireForms\Fields\Properties\WithWidth;
@@ -21,16 +22,17 @@
 
 abstract class Field
 {
+    use WithAlwaysSave;
     use WithConditions;
     use WithDefault;
     use WithHandle;
+    use WithHidden;
     use WithId;
     use WithInstructions;
     use WithInstructionsPosition;
     use WithKey;
     use WithLabel;
     use WithRules;
-    use WithShow;
     use WithShowLabel;
     use WithView;
     use WithWidth;
diff --git a/src/Fields/Hidden.php b/src/Fields/Hidden.php
index c3fc51d7..b208dfa7 100644
--- a/src/Fields/Hidden.php
+++ b/src/Fields/Hidden.php
@@ -5,14 +5,4 @@
 class Hidden extends Field
 {
     protected static string $view = 'input';
-
-    protected function alwaysSaveProperty(): bool
-    {
-        return true;
-    }
-
-    protected function showProperty(): bool
-    {
-        return false;
-    }
 }
diff --git a/src/Fields/Properties/WithAlwaysSave.php b/src/Fields/Properties/WithAlwaysSave.php
new file mode 100644
index 00000000..c929f077
--- /dev/null
+++ b/src/Fields/Properties/WithAlwaysSave.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace Aerni\LivewireForms\Fields\Properties;
+
+trait WithAlwaysSave
+{
+    protected function alwaysSaveProperty(): bool
+    {
+        return $this->field->get('always_save', false);
+    }
+}
diff --git a/src/Fields/Properties/WithConditions.php b/src/Fields/Properties/WithConditions.php
index 5a53a9e3..0a054db8 100644
--- a/src/Fields/Properties/WithConditions.php
+++ b/src/Fields/Properties/WithConditions.php
@@ -4,13 +4,8 @@
 
 trait WithConditions
 {
-    protected function conditionsProperty(): array
+    protected function conditionsProperty(): string
     {
-        return array_filter([
-            'if' => $this->field->get('if'),
-            'if_any' => $this->field->get('if_any'),
-            'unless' => $this->field->get('unless'),
-            'unless_any' => $this->field->get('unless_any'),
-        ]);
+        return json_encode($this->field->conditions());
     }
 }
diff --git a/src/Fields/Properties/WithHidden.php b/src/Fields/Properties/WithHidden.php
new file mode 100644
index 00000000..daebca45
--- /dev/null
+++ b/src/Fields/Properties/WithHidden.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace Aerni\LivewireForms\Fields\Properties;
+
+trait WithHidden
+{
+    protected function hiddenProperty(): bool
+    {
+        return $this->field->get('hidden', false);
+    }
+}
diff --git a/src/Fields/Properties/WithShow.php b/src/Fields/Properties/WithShow.php
deleted file mode 100644
index 098154a6..00000000
--- a/src/Fields/Properties/WithShow.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Fields\Properties;
-
-use Statamic\Support\Str;
-
-trait WithShow
-{
-    protected function showProperty(): bool
-    {
-        return Str::toBool($this->field->get('show', true));
-    }
-}
diff --git a/src/Fields/Text.php b/src/Fields/Text.php
index 61036117..179ef372 100644
--- a/src/Fields/Text.php
+++ b/src/Fields/Text.php
@@ -14,12 +14,10 @@ class Text extends Field
 
     protected static string $view = 'input';
 
-    protected function showProperty(): bool
+    protected function hiddenProperty(): bool
     {
-        if ($this->inputTypeProperty() === 'hidden') {
-            return false;
-        }
-
-        return parent::showProperty();
+        return $this->field->get('input_type') === 'hidden'
+            ? true
+            : parent::hiddenProperty();
     }
 }
diff --git a/src/Form/Conditions.php b/src/Form/Conditions.php
deleted file mode 100644
index 34fdf253..00000000
--- a/src/Form/Conditions.php
+++ /dev/null
@@ -1,71 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Form;
-
-use Aerni\LivewireForms\Fields\Field;
-use Illuminate\Support\Collection;
-use Illuminate\Support\Str;
-
-class Conditions
-{
-    public function process(Field $field, Collection $data): bool
-    {
-        /**
-         * The field's show value should take precedence over its conditions.
-         * Always hide a field if `show` is set to `false`.
-         */
-        if (! $field->show) {
-            return false;
-        }
-
-        // Always show the field if there are no conditions.
-        if (! $field->conditions) {
-            return true;
-        }
-
-        $type = array_key_first($field->conditions);
-        $conditions = array_first($field->conditions);
-
-        $conditions = collect($conditions)->map(function ($condition, $field) use ($data) {
-            [$operator, $expectedValue] = explode(' ', $condition);
-
-            $actualValue = $data->get($field);
-
-            return $this->evaluateCondition($actualValue, $operator, $expectedValue);
-        });
-
-        return $this->evaluateConditions($type, $conditions);
-    }
-
-    protected function evaluateConditions(string $conditionsType, Collection $conditions): bool
-    {
-        return match ($conditionsType) {
-            'if' => $conditions->count() === $conditions->filter()->count(),
-            'if_any' => $conditions->filter()->isNotEmpty(),
-            'unless' => $conditions->filter()->isEmpty(),
-            'unless_any' => $conditions->count() !== $conditions->filter()->count(),
-            default => false,
-        };
-    }
-
-    protected function evaluateCondition(string|bool|array|null $actualValue, string $operator, string $expectedValue): bool
-    {
-        return match ($operator) {
-            'equals' => $actualValue == $expectedValue,
-            'not' => $actualValue != $expectedValue,
-            'contains' => is_array($actualValue)
-                ? ! array_diff(explode(',', $expectedValue), $actualValue)
-                : Str::contains($actualValue, $expectedValue),
-            'contains_any' => is_array($actualValue)
-                ? (bool) array_intersect(explode(',', $expectedValue), $actualValue)
-                : Str::contains($actualValue, explode(',', $expectedValue)),
-            '===' => $actualValue === $expectedValue,
-            '!==' => $actualValue !== $expectedValue,
-            '>' => $actualValue > $expectedValue,
-            '>=' => $actualValue >= $expectedValue,
-            '<' => $actualValue < $expectedValue,
-            '<=' => $actualValue <= $expectedValue,
-            default => false,
-        };
-    }
-}
diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index 96525eff..5cdfe1bd 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -2,7 +2,6 @@
 
 namespace Aerni\LivewireForms\Form;
 
-use Aerni\LivewireForms\Facades\Conditions;
 use Aerni\LivewireForms\Facades\Models;
 use Aerni\LivewireForms\Fields\Captcha;
 use Aerni\LivewireForms\Fields\Field;
@@ -15,8 +14,6 @@ class Fields
 {
     protected Collection $models;
 
-    protected Collection $data;
-
     protected Collection $fields;
 
     protected $hydratedCallbacks = [];
@@ -38,13 +35,6 @@ public function models(array $models): self
         return $this;
     }
 
-    public function data(array $data): self
-    {
-        $this->data = collect($data);
-
-        return $this;
-    }
-
     public function all(): Collection
     {
         return $this->fields;
@@ -67,9 +57,7 @@ public function getByType(string $key): Collection
 
     protected function getSectionFields(Section $section): Collection
     {
-        return $this->fields
-            ->filter(fn ($field) => $field->show) // Only consider fields that are visible
-            ->intersectByKeys($section->fields()->all()); // Only keep the fields that are part of the section
+        return $this->fields->intersectByKeys($section->fields()->all()); // Only keep the fields that are part of the section
     }
 
     public function sections(): Collection
@@ -84,9 +72,11 @@ public function sections(): Collection
                     'display' => $section->display(),
                     'instructions' => $section->instructions(),
                     'fields' => $this->getSectionFields($section),
+                    // TODO: Return a method for x-if similar to how we're returning 'Statamic.$conditions.showField()' in the WithShow trait.
+                    // 'show_section' =>
                 ];
             })
-            ->filter(fn ($section) => $section['fields']->isNotEmpty()); // We don't want to show sections that have no visible fields
+            ->filter(fn ($section) => $section['fields']->isNotEmpty()); // Hide empty sections with no fields.
     }
 
     public function section(string $handle): ?array
@@ -99,8 +89,7 @@ public function hydrate(): self
         return $this
             ->hydrateFields()
             ->removeDuplicateCaptchaFields()
-            ->runHydratedCallbacks()
-            ->processConditions();
+            ->runHydratedCallbacks();
     }
 
     protected function runHydratedCallbacks(): self
@@ -150,17 +139,6 @@ public function captcha(): ?Captcha
         return $this->fields->whereInstanceOf(Captcha::class)->first();
     }
 
-    protected function processConditions(): self
-    {
-        $data = $this->data->isNotEmpty()
-            ? $this->data
-            : $this->defaultValues()->filter();
-
-        $this->fields = $this->fields->each(fn ($field) => $field->show(Conditions::process($field, $data)));
-
-        return $this;
-    }
-
     public function defaultValues(): Collection
     {
         /**
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index c868f64b..74e742a7 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -8,8 +8,10 @@
 use Aerni\LivewireForms\Form\Honeypot;
 use Illuminate\Contracts\View\View as LaravelView;
 use Illuminate\Support\Arr;
+use Illuminate\Support\Collection;
 use Illuminate\Support\Facades\Lang;
 use Illuminate\Support\Facades\URL;
+use Livewire\Attributes\On;
 use Livewire\Component;
 use Livewire\WithFileUploads;
 use Statamic\Contracts\Forms\Submission;
@@ -36,6 +38,8 @@ class Form extends Component
 
     public array $data = [];
 
+    public Collection $fieldsToSubmit;
+
     public function mount(): void
     {
         $this
@@ -63,6 +67,8 @@ protected function initializeProperties(): self
             ?? $this->theme
             ?? $this->component->defaultTheme();
 
+        $this->fieldsToSubmit = collect();
+
         return $this;
     }
 
@@ -110,7 +116,6 @@ public function getFieldsProperty(): Fields
     {
         return Fields::make($this->form, $this->getId())
             ->models($this->models())
-            ->data($this->data)
             ->hydrated(fn ($fields) => $this->hydratedFields($fields))
             ->hydrate();
     }
@@ -151,6 +156,14 @@ protected function validationAttributes(): array
         return $this->fields->validationAttributes();
     }
 
+    #[On('field-conditions-updated')]
+    public function submitFieldValue(string $field, bool $passesConditions): void
+    {
+        $this->fields->get($field)->always_save
+            ? $this->fieldsToSubmit->put($field, true)
+            : $this->fieldsToSubmit->put($field, $passesConditions);
+    }
+
     protected function handleSubmission(): self
     {
         return $this
@@ -229,28 +242,32 @@ protected function normalizedData(): array
         return collect($this->data)->map(function ($value, $key) {
             $field = $this->fields->get($key);
 
-            // We want to return nothing if the field can't be found (e.g. honeypot).
+            // Don't save values of fields that can't be found (e.g. honeypot).
             if (is_null($field)) {
                 return null;
             }
 
-            // We don't want to submit the captcha response value.
+            // Don't save values of conditionally hidden fields if 'always_save' isn't on.
+            if (! $this->fieldsToSubmit->get($field->handle)) {
+                return null;
+            }
+
+            // Don't save the captcha response.
             if ($field->field()->type() === 'captcha') {
                 return null;
             }
 
+            // Cast to booleans if enabled in the config.
             if ($field->cast_booleans && in_array($value, ['true', 'false'])) {
                 return Str::toBool($value);
             }
 
+            // Cast to integers if the input type is 'number'.
             if ($field->input_type === 'number') {
                 return (int) $value;
             }
 
-            if (! $field->show && ! $field->always_save) {
-                return null;
-            }
-
+            // Otherwise, just return the value.
             return $value;
         })->all();
     }
@@ -303,9 +320,6 @@ protected function resetForm(): self
         // Reset the form data.
         $this->hydrateDefaultData();
 
-        // Make sure to process the fields using the newly reset data.
-        $this->fields->data($this->data)->hydrate();
-
         // Reset asset fields using this trick: https://talltips.novate.co.uk/livewire/livewire-file-uploads-using-s3#removing-filename-from-input-field-after-upload
         $this->fields->getByType('assets')
             ->each(fn ($field) => $field->id($field->id().'_'.rand()));

From bbdaf3e906e7787cbed9c61583b4a288bc66104c Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 22 Nov 2023 13:45:43 +0100
Subject: [PATCH 033/209] Extend Honeypot from Field

---
 .../views/default/fields/honeypot.blade.php   | 12 +++------
 src/Fields/Honeypot.php                       |  8 ++++++
 src/Form/Fields.php                           | 11 ++++++--
 src/Form/Honeypot.php                         | 26 -------------------
 src/Livewire/Form.php                         |  8 +++---
 5 files changed, 25 insertions(+), 40 deletions(-)
 create mode 100644 src/Fields/Honeypot.php
 delete mode 100644 src/Form/Honeypot.php

diff --git a/resources/views/default/fields/honeypot.blade.php b/resources/views/default/fields/honeypot.blade.php
index 43c86751..1b764634 100644
--- a/resources/views/default/fields/honeypot.blade.php
+++ b/resources/views/default/fields/honeypot.blade.php
@@ -1,16 +1,10 @@
-<div class="hidden">
-
-    <label for="{{ $this->honeypot->id }}">
-        {{ $this->honeypot->label }}
-    </label>
-
+<div class="hidden" aria-hidden="true">
     <input
-        type="text"
-        name="{{ $this->honeypot->id }}"
         id="{{ $this->honeypot->id }}"
+        name="{{ $this->honeypot->id }}"
+        type="text"
         wire:model="{{ $this->honeypot->key }}"
         tabindex="-1"
         autocomplete="off"
     />
-
 </div>
diff --git a/src/Fields/Honeypot.php b/src/Fields/Honeypot.php
new file mode 100644
index 00000000..1fea190f
--- /dev/null
+++ b/src/Fields/Honeypot.php
@@ -0,0 +1,8 @@
+<?php
+
+namespace Aerni\LivewireForms\Fields;
+
+class Honeypot extends Field
+{
+    protected static string $view = 'honeypot';
+}
diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index 5cdfe1bd..43d4e273 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -5,6 +5,7 @@
 use Aerni\LivewireForms\Facades\Models;
 use Aerni\LivewireForms\Fields\Captcha;
 use Aerni\LivewireForms\Fields\Field;
+use Aerni\LivewireForms\Fields\Honeypot;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
 use Statamic\Fields\Section;
@@ -72,8 +73,6 @@ public function sections(): Collection
                     'display' => $section->display(),
                     'instructions' => $section->instructions(),
                     'fields' => $this->getSectionFields($section),
-                    // TODO: Return a method for x-if similar to how we're returning 'Statamic.$conditions.showField()' in the WithShow trait.
-                    // 'show_section' =>
                 ];
             })
             ->filter(fn ($section) => $section['fields']->isNotEmpty()); // Hide empty sections with no fields.
@@ -139,6 +138,14 @@ public function captcha(): ?Captcha
         return $this->fields->whereInstanceOf(Captcha::class)->first();
     }
 
+    public function honeypot(): Honeypot
+    {
+        return Honeypot::make(
+            new \Statamic\Fields\Field($this->form->honeypot(), []),
+            $this->id
+        );
+    }
+
     public function defaultValues(): Collection
     {
         /**
diff --git a/src/Form/Honeypot.php b/src/Form/Honeypot.php
deleted file mode 100644
index da683ebf..00000000
--- a/src/Form/Honeypot.php
+++ /dev/null
@@ -1,26 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Form;
-
-use Aerni\LivewireForms\Traits\WithConfig;
-use Illuminate\Support\Str;
-
-class Honeypot
-{
-    use WithConfig;
-
-    public function __construct(string $handle, string $id)
-    {
-        $this->config([
-            'handle' => $handle,
-            'id' => "{$id}_{$handle}",
-            'key' => "data.{$handle}",
-            'label' => Str::ucfirst($handle),
-        ]);
-    }
-
-    public static function make(string $handle, string $id): self
-    {
-        return new static($handle, $id);
-    }
-}
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index 74e742a7..b6f9e930 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -3,14 +3,15 @@
 namespace Aerni\LivewireForms\Livewire;
 
 use Aerni\LivewireForms\Facades\Models;
+use Aerni\LivewireForms\Fields\Honeypot;
 use Aerni\LivewireForms\Form\Component as FormComponent;
 use Aerni\LivewireForms\Form\Fields;
-use Aerni\LivewireForms\Form\Honeypot;
 use Illuminate\Contracts\View\View as LaravelView;
 use Illuminate\Support\Arr;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Facades\Lang;
 use Illuminate\Support\Facades\URL;
+use Livewire\Attributes\Computed;
 use Livewire\Attributes\On;
 use Livewire\Component;
 use Livewire\WithFileUploads;
@@ -120,9 +121,10 @@ public function getFieldsProperty(): Fields
             ->hydrate();
     }
 
-    public function getHoneypotProperty(): Honeypot
+    #[Computed(true)]
+    public function honeypot(): Honeypot
     {
-        return Honeypot::make($this->form->honeypot(), $this->getId());
+        return $this->fields->honeypot();
     }
 
     public function submit(): void

From de54136167c9bd7ba3e267a3706dde1d64c4adc8 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 22 Nov 2023 16:54:21 +0100
Subject: [PATCH 034/209] Use new `@assets` directive

---
 composer.json                                    | 2 +-
 resources/views/default/fields/captcha.blade.php | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/composer.json b/composer.json
index 96831eab..197fdb3b 100644
--- a/composer.json
+++ b/composer.json
@@ -20,7 +20,7 @@
         "php": "^8.1",
         "jonassiewertsen/statamic-livewire": "^3.0",
         "laravel/framework": "^10.0",
-        "livewire/livewire": "^3.0",
+        "livewire/livewire": "^3.2",
         "statamic/cms": "^4.9"
     },
     "autoload": {
diff --git a/resources/views/default/fields/captcha.blade.php b/resources/views/default/fields/captcha.blade.php
index 1c80203b..fa9f6a2c 100644
--- a/resources/views/default/fields/captcha.blade.php
+++ b/resources/views/default/fields/captcha.blade.php
@@ -27,6 +27,10 @@ class="g-recaptcha"
     @formView('messages.error')
 </div>
 
+@assets
+    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
+@endassets
+
 <script>
     function setResponseToken_{{ $this->getId() }}(token) {
         @this.set('{{ $field->key }}', token)
@@ -36,7 +40,3 @@ function resetResponseToken_{{ $this->getId() }}() {
         @this.set('{{ $field->key }}', null)
     }
 </script>
-
-@once
-    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
-@endonce

From c56b7d1210c095a5f22b1f6079c6425a2430d8ec Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 22 Nov 2023 18:01:41 +0100
Subject: [PATCH 035/209] Simplify models implementation

---
 src/Form/Fields.php   | 24 +++++++++++++-----------
 src/Form/Models.php   |  4 +++-
 src/Livewire/Form.php | 34 ++++++++++++++--------------------
 3 files changed, 30 insertions(+), 32 deletions(-)

diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index 43d4e273..77959b19 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -2,26 +2,24 @@
 
 namespace Aerni\LivewireForms\Form;
 
+use Illuminate\Support\Str;
+use Statamic\Fields\Section;
+use Illuminate\Support\Collection;
+use Aerni\LivewireForms\Fields\Field;
 use Aerni\LivewireForms\Facades\Models;
 use Aerni\LivewireForms\Fields\Captcha;
-use Aerni\LivewireForms\Fields\Field;
 use Aerni\LivewireForms\Fields\Honeypot;
-use Illuminate\Support\Collection;
-use Illuminate\Support\Str;
-use Statamic\Fields\Section;
 use Statamic\Forms\Form as StatamicForm;
 
 class Fields
 {
-    protected Collection $models;
-
     protected Collection $fields;
 
     protected $hydratedCallbacks = [];
 
     public function __construct(protected StatamicForm $form, protected string $id)
     {
-        $this->models = Models::all();
+        //
     }
 
     public static function make(StatamicForm $form, string $id): self
@@ -29,9 +27,13 @@ public static function make(StatamicForm $form, string $id): self
         return new static($form, $id);
     }
 
-    public function models(array $models): self
+    public function models(?array $models = null): Collection|self
     {
-        $this->models = collect($models);
+        if (is_null($models)) {
+            return Models::all();
+        }
+
+        Models::register($models);
 
         return $this;
     }
@@ -117,8 +119,8 @@ protected function hydrateFields(): self
     protected function makeFields(Collection $fields): Collection
     {
         return $fields->map(function ($field) {
-            $class = $this->models->get($field->handle())
-                ?? $this->models->get($field->fieldtype()::class);
+            $class = $this->models()->get($field->handle())
+                ?? $this->models()->get($field->fieldtype()::class);
 
             return $class ? $class::make($field, $this->id) : null;
         })->filter();
diff --git a/src/Form/Models.php b/src/Form/Models.php
index 4c2e5140..6ed0e299 100644
--- a/src/Form/Models.php
+++ b/src/Form/Models.php
@@ -23,8 +23,10 @@ public function get(string $key): ?string
         return $this->models->get($key);
     }
 
-    public function register(array $models): void
+    public function register(array $models): self
     {
         $this->models = $this->models->merge($models);
+
+        return $this;
     }
 }
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index b6f9e930..4493427e 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -2,26 +2,25 @@
 
 namespace Aerni\LivewireForms\Livewire;
 
-use Aerni\LivewireForms\Facades\Models;
-use Aerni\LivewireForms\Fields\Honeypot;
-use Aerni\LivewireForms\Form\Component as FormComponent;
-use Aerni\LivewireForms\Form\Fields;
-use Illuminate\Contracts\View\View as LaravelView;
+use Livewire\Component;
+use Statamic\Support\Str;
+use Statamic\Facades\Site;
 use Illuminate\Support\Arr;
-use Illuminate\Support\Collection;
-use Illuminate\Support\Facades\Lang;
-use Illuminate\Support\Facades\URL;
-use Livewire\Attributes\Computed;
 use Livewire\Attributes\On;
-use Livewire\Component;
 use Livewire\WithFileUploads;
-use Statamic\Contracts\Forms\Submission;
+use Statamic\Forms\SendEmails;
+use Livewire\Attributes\Computed;
+use Illuminate\Support\Collection;
 use Statamic\Events\FormSubmitted;
+use Illuminate\Support\Facades\URL;
+use Aerni\LivewireForms\Form\Fields;
+use Illuminate\Support\Facades\Lang;
 use Statamic\Events\SubmissionCreated;
+use Aerni\LivewireForms\Fields\Honeypot;
+use Statamic\Contracts\Forms\Submission;
+use Illuminate\Contracts\View\View as LaravelView;
 use Statamic\Exceptions\SilentFormFailureException;
-use Statamic\Facades\Site;
-use Statamic\Forms\SendEmails;
-use Statamic\Support\Str;
+use Aerni\LivewireForms\Form\Component as FormComponent;
 
 class Form extends Component
 {
@@ -97,11 +96,6 @@ protected function hydratedFields(Fields $fields): void
         //
     }
 
-    protected function models(): array
-    {
-        return Models::all()->merge($this->models)->toArray();
-    }
-
     public function getComponentProperty(): FormComponent
     {
         return \Aerni\LivewireForms\Facades\Component::getFacadeRoot();
@@ -116,7 +110,7 @@ public function getFormProperty(): \Statamic\Forms\Form
     public function getFieldsProperty(): Fields
     {
         return Fields::make($this->form, $this->getId())
-            ->models($this->models())
+            ->models($this->models)
             ->hydrated(fn ($fields) => $this->hydratedFields($fields))
             ->hydrate();
     }

From 931277e5171c03e773346e35bf58cc684382a81d Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 22 Nov 2023 18:04:17 +0100
Subject: [PATCH 036/209] =?UTF-8?q?Use=20Livewire=E2=80=99s=20Computed=20A?=
 =?UTF-8?q?ttribute?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Livewire/Form.php | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index 4493427e..c42c93e2 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -2,7 +2,7 @@
 
 namespace Aerni\LivewireForms\Livewire;
 
-use Livewire\Component;
+use Livewire\Component as LivewireComponent;
 use Statamic\Support\Str;
 use Statamic\Facades\Site;
 use Illuminate\Support\Arr;
@@ -20,9 +20,9 @@
 use Statamic\Contracts\Forms\Submission;
 use Illuminate\Contracts\View\View as LaravelView;
 use Statamic\Exceptions\SilentFormFailureException;
-use Aerni\LivewireForms\Form\Component as FormComponent;
+use Aerni\LivewireForms\Form\Component;
 
-class Form extends Component
+class Form extends LivewireComponent
 {
     use WithFileUploads;
 
@@ -96,18 +96,21 @@ protected function hydratedFields(Fields $fields): void
         //
     }
 
-    public function getComponentProperty(): FormComponent
+    #[Computed]
+    public function component(): Component
     {
         return \Aerni\LivewireForms\Facades\Component::getFacadeRoot();
     }
 
-    public function getFormProperty(): \Statamic\Forms\Form
+    #[Computed(true)]
+    public function form(): \Statamic\Forms\Form
     {
         return \Statamic\Facades\Form::find($this->handle)
             ?? throw new \Exception("Form with handle [{$this->handle}] cannot be found.");
     }
 
-    public function getFieldsProperty(): Fields
+    #[Computed]
+    public function fields(): Fields
     {
         return Fields::make($this->form, $this->getId())
             ->models($this->models)

From 52b2697ac1b2a74444d9249a185a661788630d5d Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 23 Nov 2023 18:08:27 +0100
Subject: [PATCH 037/209] Better comments

---
 src/Livewire/Form.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index c42c93e2..6e47e125 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -241,12 +241,12 @@ protected function normalizedData(): array
         return collect($this->data)->map(function ($value, $key) {
             $field = $this->fields->get($key);
 
-            // Don't save values of fields that can't be found (e.g. honeypot).
+            // Return early if a field can't be found, else we'll run into errors with the below code.
             if (is_null($field)) {
                 return null;
             }
 
-            // Don't save values of conditionally hidden fields if 'always_save' isn't on.
+            // Only keep values of fields that should be submitted, e.g. if 'always_save' is on.
             if (! $this->fieldsToSubmit->get($field->handle)) {
                 return null;
             }

From bf31be39a9567a08198575fdace0172b8ff44773 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 23 Nov 2023 20:06:55 +0100
Subject: [PATCH 038/209] Clean up DynamicForm by using traits

---
 src/Livewire/Concerns/WithComponent.php | 23 +++++++++
 src/Livewire/Concerns/WithHandle.php    | 20 ++++++++
 src/Livewire/Concerns/WithTheme.php     | 34 +++++++++++++
 src/Livewire/Concerns/WithView.php      | 34 +++++++++++++
 src/Livewire/DynamicForm.php            | 67 ++++---------------------
 5 files changed, 120 insertions(+), 58 deletions(-)
 create mode 100644 src/Livewire/Concerns/WithComponent.php
 create mode 100644 src/Livewire/Concerns/WithHandle.php
 create mode 100644 src/Livewire/Concerns/WithTheme.php
 create mode 100644 src/Livewire/Concerns/WithView.php

diff --git a/src/Livewire/Concerns/WithComponent.php b/src/Livewire/Concerns/WithComponent.php
new file mode 100644
index 00000000..2e4fdf51
--- /dev/null
+++ b/src/Livewire/Concerns/WithComponent.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+use Livewire\Livewire;
+use Illuminate\Support\Str;
+
+trait WithComponent
+{
+    public string $component;
+
+    public function mountWithComponent(): void
+    {
+        $this->component = $this->component();
+    }
+
+    protected function component(): string
+    {
+        $component = Str::replace('_', '-', $this->handle).'-form';
+
+        return Livewire::isDiscoverable($component) ? $component : 'default-form';
+    }
+}
diff --git a/src/Livewire/Concerns/WithHandle.php b/src/Livewire/Concerns/WithHandle.php
new file mode 100644
index 00000000..d6d62971
--- /dev/null
+++ b/src/Livewire/Concerns/WithHandle.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+trait WithHandle
+{
+    public string $handle;
+
+    public function mountWithHandle(): void
+    {
+        $this->handle = $this->handle();
+    }
+
+    protected function handle(): string
+    {
+        return static::$HANDLE // Try to get the handle defined in a custom component.
+            ?? $this->handle // Try to get the handle passed to the component in the view.
+            ?? throw new \Exception('You need to set the handle of the form you want to use.');
+    }
+}
diff --git a/src/Livewire/Concerns/WithTheme.php b/src/Livewire/Concerns/WithTheme.php
new file mode 100644
index 00000000..340bfa99
--- /dev/null
+++ b/src/Livewire/Concerns/WithTheme.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+trait WithTheme
+{
+    public string $theme;
+
+    public function mountWithTheme(): void
+    {
+        $this->theme = $this->theme();
+    }
+
+    protected function theme(): string
+    {
+        // Try to get the theme defined in a custom component.
+        if (isset(static::$THEME)) {
+            return static::$THEME;
+        }
+
+        // Try to get the theme passed to the component in the view.
+        if (isset($this->theme)) {
+            return $this->theme;
+        }
+
+        // Autoload the theme by form handle if it exists.
+        if (is_dir(resource_path("views/vendor/livewire-forms/{$this->handle}"))) {
+            return $this->handle;
+        }
+
+        // Fall back to the default theme.
+        return config('livewire-forms.theme', 'default');
+    }
+}
diff --git a/src/Livewire/Concerns/WithView.php b/src/Livewire/Concerns/WithView.php
new file mode 100644
index 00000000..2df09f20
--- /dev/null
+++ b/src/Livewire/Concerns/WithView.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+trait WithView
+{
+    public string $view;
+
+    public function mountWithView(): void
+    {
+        $this->view = $this->view();
+    }
+
+    protected function view(): string
+    {
+        // Try to get the view defined in a custom component.
+        if (isset(static::$VIEW)) {
+            return static::$VIEW;
+        }
+
+        // Try to get the view passed to the component in the view.
+        if (isset($this->view)) {
+            return $this->view;
+        }
+
+        // Try to autoload the view by form handle.
+        if (view()->exists("livewire-forms::{$this->handle}")) {
+            return $this->handle;
+        }
+
+        // Fall back to the default view.
+        return config('livewire-forms.view', 'default');
+    }
+}
diff --git a/src/Livewire/DynamicForm.php b/src/Livewire/DynamicForm.php
index 4f01b47c..debca4e0 100644
--- a/src/Livewire/DynamicForm.php
+++ b/src/Livewire/DynamicForm.php
@@ -2,68 +2,19 @@
 
 namespace Aerni\LivewireForms\Livewire;
 
-use Aerni\LivewireForms\Facades\Component as FormComponent;
-use Illuminate\Contracts\View\View;
-use Illuminate\Support\Str;
 use Livewire\Component;
-use Livewire\Livewire;
+use Illuminate\Contracts\View\View;
+use Aerni\LivewireForms\Livewire\Concerns\WithView;
+use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
+use Aerni\LivewireForms\Livewire\Concerns\WithComponent;
+use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
 
 class DynamicForm extends Component
 {
-    public string $handle;
-
-    public string $component;
-
-    public string $view;
-
-    public string $theme;
-
-    public function mount(): void
-    {
-        $this->handle = $this->handle ?? throw new \Exception('Please set the handle of the form you want to use.');
-        $this->component = $this->getComponent();
-        $this->view = $this->getView();
-        $this->theme = $this->getTheme();
-    }
-
-    protected function getComponent(): string
-    {
-        $component = Str::replace('_', '-', $this->handle).'-form';
-
-        return Livewire::isDiscoverable($component) ? $component : 'default-form';
-    }
-
-    protected function getView(): string
-    {
-        // Try to load a user-defined view first.
-        if ($this->view ?? null) {
-            return $this->view;
-        }
-
-        // Try to autoload the view by form handle.
-        if (view()->exists("livewire-forms::{$this->handle}")) {
-            return $this->handle;
-        }
-
-        // Fall back to the default view.
-        return FormComponent::defaultView();
-    }
-
-    protected function getTheme(): string
-    {
-        // Load the user-defined theme if it exists
-        if ($this->theme ?? null) {
-            return $this->theme;
-        }
-
-        // Autoload the theme by form handle if it exists
-        if (is_dir(resource_path("views/vendor/livewire-forms/{$this->handle}"))) {
-            return $this->handle;
-        }
-
-        // Fall back to the default theme
-        return FormComponent::defaultTheme();
-    }
+    use WithComponent;
+    use WithHandle;
+    use WithTheme;
+    use WithView;
 
     public function render(): View
     {

From 6849ce5abbf32368c5750c40d2e42c94a00434db Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 23 Nov 2023 20:44:25 +0100
Subject: [PATCH 039/209] Refactor theme view evaluation

---
 src/BladeDirectives.php             | 10 +++++++---
 src/Form/View.php                   | 19 -------------------
 src/Livewire/Concerns/WithTheme.php |  9 +++++++++
 3 files changed, 16 insertions(+), 22 deletions(-)
 delete mode 100644 src/Form/View.php

diff --git a/src/BladeDirectives.php b/src/BladeDirectives.php
index 12268f0d..10253004 100644
--- a/src/BladeDirectives.php
+++ b/src/BladeDirectives.php
@@ -50,11 +50,15 @@ public static function formField(string $expression): string
         $variables = explode(', ', $expression);
 
         $field = $variables[0];
-        $arguments = $variables[1] ?? '[]';
+        $properties = $variables[1] ?? '[]';
 
         return "<?php
-            if (\$this->fields->get($field)) {
-                echo \Aerni\LivewireForms\Facades\View::field(\$this->fields->get($field), $arguments);
+            if (\$field = \$this->fields->get($field)) {
+                foreach ($properties as \$property => \$value) {
+                    \$field->\$property(\$value);
+                }
+
+                echo view(\$this->evaluatedThemeView('layouts.field'), ['field' => \$field]);
             }
         ?>";
     }
diff --git a/src/Form/View.php b/src/Form/View.php
deleted file mode 100644
index 2b479828..00000000
--- a/src/Form/View.php
+++ /dev/null
@@ -1,19 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Form;
-
-use Aerni\LivewireForms\Facades\Component;
-use Aerni\LivewireForms\Fields\Field;
-use Illuminate\View\View as LaravelView;
-
-class View
-{
-    public function field(Field $field, array $properties): LaravelView
-    {
-        foreach ($properties as $property => $value) {
-            $field->$property($value);
-        }
-
-        return view(Component::getView('field'), ['field' => $field]);
-    }
-}
diff --git a/src/Livewire/Concerns/WithTheme.php b/src/Livewire/Concerns/WithTheme.php
index 340bfa99..eb33e211 100644
--- a/src/Livewire/Concerns/WithTheme.php
+++ b/src/Livewire/Concerns/WithTheme.php
@@ -31,4 +31,13 @@ protected function theme(): string
         // Fall back to the default theme.
         return config('livewire-forms.theme', 'default');
     }
+
+    protected function evaluatedThemeView(string $view): string
+    {
+        $defaultTheme = config('livewire-forms.theme', 'default');
+        $themeView = "livewire-forms::{$this->theme}.{$view}";
+        $defaultThemeView = "livewire-forms::{$defaultTheme}.{$view}";
+
+        return view()->exists($themeView) ? $themeView : $defaultThemeView;
+    }
 }

From 05c5432d4ecb709715f42e97443256ff0417b10d Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 23 Nov 2023 20:46:00 +0100
Subject: [PATCH 040/209] Simplify code by getting rid of Component class

---
 src/BladeDirectives.php   |  2 +-
 src/Facades/Component.php | 13 ------------
 src/Form/Component.php    | 42 ---------------------------------------
 src/Livewire/Form.php     | 26 ++----------------------
 4 files changed, 3 insertions(+), 80 deletions(-)
 delete mode 100644 src/Facades/Component.php
 delete mode 100644 src/Form/Component.php

diff --git a/src/BladeDirectives.php b/src/BladeDirectives.php
index 10253004..b18af48d 100644
--- a/src/BladeDirectives.php
+++ b/src/BladeDirectives.php
@@ -26,7 +26,7 @@ public static function formView(string $expression): string
         $arguments = $variables[1] ?? '[]';
 
         return Blade::compileString("
-            @include(\$this->component->getView($view), $arguments)
+            @include(\$this->evaluatedThemeView($view), $arguments)
         ");
     }
 
diff --git a/src/Facades/Component.php b/src/Facades/Component.php
deleted file mode 100644
index c4dbe1cc..00000000
--- a/src/Facades/Component.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Facades;
-
-use Illuminate\Support\Facades\Facade;
-
-class Component extends Facade
-{
-    protected static function getFacadeAccessor()
-    {
-        return \Aerni\LivewireForms\Form\Component::class;
-    }
-}
diff --git a/src/Form/Component.php b/src/Form/Component.php
deleted file mode 100644
index 644418a7..00000000
--- a/src/Form/Component.php
+++ /dev/null
@@ -1,42 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Form;
-
-class Component
-{
-    protected string $theme;
-
-    protected string $view;
-
-    public function defaultView(): string
-    {
-        return config('livewire-forms.view', 'default');
-    }
-
-    public function defaultTheme(): string
-    {
-        return config('livewire-forms.theme', 'default');
-    }
-
-    public function view(string $view): self
-    {
-        $this->view = $view;
-
-        return $this;
-    }
-
-    public function theme(string $theme): self
-    {
-        $this->theme = $theme;
-
-        return $this;
-    }
-
-    public function getView(string $view): string
-    {
-        $themeView = "livewire-forms::{$this->theme}.{$view}";
-        $defaultView = "livewire-forms::{$this->defaultTheme()}.{$view}";
-
-        return view()->exists($themeView) ? $themeView : $defaultView;
-    }
-}
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index 6e47e125..2facdd2b 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -2,7 +2,7 @@
 
 namespace Aerni\LivewireForms\Livewire;
 
-use Livewire\Component as LivewireComponent;
+use Livewire\Component;
 use Statamic\Support\Str;
 use Statamic\Facades\Site;
 use Illuminate\Support\Arr;
@@ -20,9 +20,8 @@
 use Statamic\Contracts\Forms\Submission;
 use Illuminate\Contracts\View\View as LaravelView;
 use Statamic\Exceptions\SilentFormFailureException;
-use Aerni\LivewireForms\Form\Component;
 
-class Form extends LivewireComponent
+class Form extends Component
 {
     use WithFileUploads;
 
@@ -44,15 +43,9 @@ public function mount(): void
     {
         $this
             ->initializeProperties()
-            ->initializeComputedProperties()
             ->hydrateDefaultData();
     }
 
-    public function hydrate(): void
-    {
-        $this->initializeComputedProperties();
-    }
-
     protected function initializeProperties(): self
     {
         $this->handle = static::$HANDLE
@@ -72,15 +65,6 @@ protected function initializeProperties(): self
         return $this;
     }
 
-    protected function initializeComputedProperties(): self
-    {
-        $this->component
-            ->view($this->view)
-            ->theme($this->theme);
-
-        return $this;
-    }
-
     protected function hydrateDefaultData(): self
     {
         $this->data = collect($this->data)
@@ -96,12 +80,6 @@ protected function hydratedFields(Fields $fields): void
         //
     }
 
-    #[Computed]
-    public function component(): Component
-    {
-        return \Aerni\LivewireForms\Facades\Component::getFacadeRoot();
-    }
-
     #[Computed(true)]
     public function form(): \Statamic\Forms\Form
     {

From 96982707069bb5ff83e1854d734e9037b4266692 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 23 Nov 2023 20:47:20 +0100
Subject: [PATCH 041/209] Use existing handle, view, and theme traits

---
 src/Livewire/Form.php | 24 ++++++------------------
 1 file changed, 6 insertions(+), 18 deletions(-)

diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index 2facdd2b..24114feb 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -19,22 +19,22 @@
 use Aerni\LivewireForms\Fields\Honeypot;
 use Statamic\Contracts\Forms\Submission;
 use Illuminate\Contracts\View\View as LaravelView;
+use Aerni\LivewireForms\Livewire\Concerns\WithView;
 use Statamic\Exceptions\SilentFormFailureException;
+use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
+use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
 
 class Form extends Component
 {
+    use WithHandle;
+    use WithView;
+    use WithTheme;
     use WithFileUploads;
 
     protected array $models = [];
 
     protected Submission $submission;
 
-    public string $handle;
-
-    public string $view;
-
-    public string $theme;
-
     public array $data = [];
 
     public Collection $fieldsToSubmit;
@@ -48,18 +48,6 @@ public function mount(): void
 
     protected function initializeProperties(): self
     {
-        $this->handle = static::$HANDLE
-            ?? $this->handle
-            ?? throw new \Exception('Please set the handle of the form you want to use.');
-
-        $this->view = static::$VIEW
-            ?? $this->view
-            ?? $this->component->defaultView();
-
-        $this->theme = static::$THEME
-            ?? $this->theme
-            ?? $this->component->defaultTheme();
-
         $this->fieldsToSubmit = collect();
 
         return $this;

From 6d209284e378f0529b2d7d665bfd5ea0170762ed Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 23 Nov 2023 20:48:51 +0100
Subject: [PATCH 042/209] Move form data to trait

---
 src/Livewire/Concerns/WithData.php | 21 +++++++++++++++++++++
 src/Livewire/Form.php              | 25 +++----------------------
 2 files changed, 24 insertions(+), 22 deletions(-)
 create mode 100644 src/Livewire/Concerns/WithData.php

diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
new file mode 100644
index 00000000..cd3977d2
--- /dev/null
+++ b/src/Livewire/Concerns/WithData.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+trait WithData
+{
+    public array $data = [];
+
+    public function mountWithData(): void
+    {
+        $this->data = $this->defaultData();
+    }
+
+    protected function defaultData(): array
+    {
+        return collect($this->data)
+            ->only($this->fields->captcha()?->handle ?? []) // Make sure to preserve the captcha response.
+            ->merge($this->fields->defaultValues())
+            ->all();
+    }
+}
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index 24114feb..ecf126ca 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -19,6 +19,7 @@
 use Aerni\LivewireForms\Fields\Honeypot;
 use Statamic\Contracts\Forms\Submission;
 use Illuminate\Contracts\View\View as LaravelView;
+use Aerni\LivewireForms\Livewire\Concerns\WithData;
 use Aerni\LivewireForms\Livewire\Concerns\WithView;
 use Statamic\Exceptions\SilentFormFailureException;
 use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
@@ -29,38 +30,18 @@ class Form extends Component
     use WithHandle;
     use WithView;
     use WithTheme;
+    use WithData;
     use WithFileUploads;
 
     protected array $models = [];
 
     protected Submission $submission;
 
-    public array $data = [];
-
     public Collection $fieldsToSubmit;
 
     public function mount(): void
-    {
-        $this
-            ->initializeProperties()
-            ->hydrateDefaultData();
-    }
-
-    protected function initializeProperties(): self
     {
         $this->fieldsToSubmit = collect();
-
-        return $this;
-    }
-
-    protected function hydrateDefaultData(): self
-    {
-        $this->data = collect($this->data)
-            ->only($this->fields->captcha()?->handle ?? []) // Make sure to preserve the captcha response.
-            ->merge($this->fields->defaultValues())
-            ->all();
-
-        return $this;
     }
 
     protected function hydratedFields(Fields $fields): void
@@ -283,7 +264,7 @@ protected function handleSuccess(): self
     protected function resetForm(): self
     {
         // Reset the form data.
-        $this->hydrateDefaultData();
+        $this->data = $this->defaultData();
 
         // Reset asset fields using this trick: https://talltips.novate.co.uk/livewire/livewire-file-uploads-using-s3#removing-filename-from-input-field-after-upload
         $this->fields->getByType('assets')

From a3e314211da47fbab4afb71c60903aa46b26b9ab Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 23 Nov 2023 20:55:30 +0100
Subject: [PATCH 043/209] Move models to trait

---
 src/Livewire/Concerns/WithModels.php | 8 ++++++++
 src/Livewire/Form.php                | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 src/Livewire/Concerns/WithModels.php

diff --git a/src/Livewire/Concerns/WithModels.php b/src/Livewire/Concerns/WithModels.php
new file mode 100644
index 00000000..242ad670
--- /dev/null
+++ b/src/Livewire/Concerns/WithModels.php
@@ -0,0 +1,8 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+trait WithModels
+{
+    protected array $models = [];
+}
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index ecf126ca..01728e71 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -24,6 +24,7 @@
 use Statamic\Exceptions\SilentFormFailureException;
 use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
 use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
+use Aerni\LivewireForms\Livewire\Concerns\WithModels;
 
 class Form extends Component
 {
@@ -31,10 +32,9 @@ class Form extends Component
     use WithView;
     use WithTheme;
     use WithData;
+    use WithModels;
     use WithFileUploads;
 
-    protected array $models = [];
-
     protected Submission $submission;
 
     public Collection $fieldsToSubmit;

From 7afd36f2f7ac3d31722e4de689218d6c4f5d5797 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 23 Nov 2023 21:51:43 +0100
Subject: [PATCH 044/209] Refactor Form class into traits

---
 src/Livewire/Concerns/HandlesSpam.php       |  27 ++
 src/Livewire/Concerns/HandlesSubmission.php | 123 +++++++++
 src/Livewire/Concerns/HandlesSuccess.php    |  21 ++
 src/Livewire/Concerns/HandlesValidation.php |  21 ++
 src/Livewire/Concerns/WithData.php          |  50 ++++
 src/Livewire/Concerns/WithFields.php        |  23 ++
 src/Livewire/Concerns/WithForm.php          |  16 ++
 src/Livewire/Concerns/WithMessages.php      |  29 ++
 src/Livewire/Form.php                       | 292 ++------------------
 9 files changed, 331 insertions(+), 271 deletions(-)
 create mode 100644 src/Livewire/Concerns/HandlesSpam.php
 create mode 100644 src/Livewire/Concerns/HandlesSubmission.php
 create mode 100644 src/Livewire/Concerns/HandlesSuccess.php
 create mode 100644 src/Livewire/Concerns/HandlesValidation.php
 create mode 100644 src/Livewire/Concerns/WithFields.php
 create mode 100644 src/Livewire/Concerns/WithForm.php
 create mode 100644 src/Livewire/Concerns/WithMessages.php

diff --git a/src/Livewire/Concerns/HandlesSpam.php b/src/Livewire/Concerns/HandlesSpam.php
new file mode 100644
index 00000000..866c4810
--- /dev/null
+++ b/src/Livewire/Concerns/HandlesSpam.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+use Livewire\Attributes\Computed;
+use Aerni\LivewireForms\Fields\Honeypot;
+use Statamic\Exceptions\SilentFormFailureException;
+
+trait HandlesSpam
+{
+    #[Computed(true)]
+    public function honeypot(): Honeypot
+    {
+        return $this->fields->honeypot();
+    }
+
+    protected function handleSpam(): self
+    {
+        $isSpam = collect($this->data)->has($this->honeypot->handle);
+
+        if ($isSpam) {
+            throw new SilentFormFailureException();
+        }
+
+        return $this;
+    }
+}
diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
new file mode 100644
index 00000000..95309752
--- /dev/null
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -0,0 +1,123 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+use Statamic\Facades\Site;
+use Livewire\Attributes\On;
+use Statamic\Forms\SendEmails;
+use Illuminate\Support\Collection;
+use Statamic\Events\FormSubmitted;
+use Illuminate\Support\Facades\URL;
+use Statamic\Events\SubmissionCreated;
+use Statamic\Contracts\Forms\Submission;
+use Statamic\Exceptions\SilentFormFailureException;
+
+trait HandlesSubmission
+{
+    protected Submission $submission;
+
+    // TODO: Can we make this protected?
+    public Collection $fieldsToSubmit;
+
+    public function mountHandlesSubmission(): void
+    {
+        $this->fieldsToSubmit = collect();
+    }
+
+    #[On('field-conditions-updated')]
+    public function submitFieldValue(string $field, bool $passesConditions): void
+    {
+        $this->fields->get($field)->always_save
+            ? $this->fieldsToSubmit->put($field, true)
+            : $this->fieldsToSubmit->put($field, $passesConditions);
+    }
+
+    protected function handleSubmission(): self
+    {
+        return $this
+            ->runSubmittingFormHook()
+            ->makeSubmission()
+            ->runCreatedSubmissionFormHook()
+            ->handleSubmissionEvents()
+            ->storeSubmission()
+            ->runSubmittedFormHook();
+    }
+
+    protected function runSubmittingFormHook(): self
+    {
+        $this->submittingForm();
+
+        return $this;
+    }
+
+    protected function submittingForm(): void
+    {
+        //
+    }
+
+    protected function makeSubmission(): self
+    {
+        $this->submission = $this->form->makeSubmission();
+
+        $assetIds = $this->submission->uploadFiles($this->uploadedFiles());
+
+        $values = array_merge($this->normalizedDataForSubmission(), $assetIds);
+
+        $processedValues = $this->form->blueprint()->fields()->addValues($values)->process()->values();
+
+        $this->submission->data($processedValues);
+
+        return $this;
+    }
+
+    protected function runCreatedSubmissionFormHook(): self
+    {
+        $this->createdSubmission($this->submission);
+
+        return $this;
+    }
+
+    protected function createdSubmission(Submission $submission): void
+    {
+        //
+    }
+
+    protected function handleSubmissionEvents(): self
+    {
+        $this->dispatch('formSubmitted');
+        $formSubmitted = FormSubmitted::dispatch($this->submission);
+
+        if ($formSubmitted === false) {
+            throw new SilentFormFailureException();
+        }
+
+        $this->dispatch('submissionCreated');
+        SubmissionCreated::dispatch($this->submission);
+
+        $site = Site::findByUrl(URL::previous()); // TODO: Does URL::previous still work in Livewire 3?
+        SendEmails::dispatch($this->submission, $site);
+
+        return $this;
+    }
+
+    protected function storeSubmission(): self
+    {
+        if ($this->form->store()) {
+            $this->submission->save();
+        }
+
+        return $this;
+    }
+
+    protected function runSubmittedFormHook(): self
+    {
+        $this->submittedForm();
+
+        return $this;
+    }
+
+    protected function submittedForm(): void
+    {
+        //
+    }
+}
diff --git a/src/Livewire/Concerns/HandlesSuccess.php b/src/Livewire/Concerns/HandlesSuccess.php
new file mode 100644
index 00000000..7dd276d3
--- /dev/null
+++ b/src/Livewire/Concerns/HandlesSuccess.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+trait HandlesSuccess
+{
+    protected function handleSuccess(): self
+    {
+        // Flash the success message.
+        session()->flash('success', $this->successMessage());
+
+        // Reset the form data.
+        $this->data = $this->defaultData();
+
+        // Reset asset fields using this trick: https://talltips.novate.co.uk/livewire/livewire-file-uploads-using-s3#removing-filename-from-input-field-after-upload
+        $this->fields->getByType('assets')
+            ->each(fn ($field) => $field->id($field->id().'_'.rand()));
+
+        return $this;
+    }
+}
diff --git a/src/Livewire/Concerns/HandlesValidation.php b/src/Livewire/Concerns/HandlesValidation.php
new file mode 100644
index 00000000..902ce363
--- /dev/null
+++ b/src/Livewire/Concerns/HandlesValidation.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+trait HandlesValidation
+{
+    public function updated(string $field): void
+    {
+        $this->validateOnly($field);
+    }
+
+    protected function rules(): array
+    {
+        return $this->fields->validationRules();
+    }
+
+    protected function validationAttributes(): array
+    {
+        return $this->fields->validationAttributes();
+    }
+}
diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
index cd3977d2..f6cba361 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/WithData.php
@@ -2,6 +2,9 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Statamic\Support\Str;
+use Illuminate\Support\Arr;
+
 trait WithData
 {
     public array $data = [];
@@ -18,4 +21,51 @@ protected function defaultData(): array
             ->merge($this->fields->defaultValues())
             ->all();
     }
+
+    protected function normalizedDataForSubmission(): array
+    {
+        return collect($this->data)->map(function ($value, $key) {
+            $field = $this->fields->get($key);
+
+            // Return early if a field can't be found, else we'll run into errors with the below code.
+            if (is_null($field)) {
+                return null;
+            }
+
+            // Only keep values of fields that should be submitted, e.g. if 'always_save' is on.
+            if (! $this->fieldsToSubmit->get($field->handle)) {
+                return null;
+            }
+
+            // Don't save the captcha response.
+            if ($field->field()->type() === 'captcha') {
+                return null;
+            }
+
+            // Cast to booleans if enabled in the config.
+            if ($field->cast_booleans && in_array($value, ['true', 'false'])) {
+                return Str::toBool($value);
+            }
+
+            // Cast to integers if the input type is 'number'.
+            if ($field->input_type === 'number') {
+                return (int) $value;
+            }
+
+            // Otherwise, just return the value.
+            return $value;
+        })->all();
+    }
+
+    // TODO: Can we move this into the normalizedDataForSubmission method?
+    protected function uploadedFiles(): array
+    {
+        // Only get the asset fields that contain data.
+        $assetFields = array_intersect_key($this->data, $this->fields->getByType('assets')->all());
+
+        // The assets fieldtype is expecting an array, even for `max_files: 1`, but we don't want to force that on the front end.
+        return collect($assetFields)
+            ->map(fn ($field) => Arr::wrap($field))
+            ->all();
+    }
 }
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
new file mode 100644
index 00000000..ab8e63f5
--- /dev/null
+++ b/src/Livewire/Concerns/WithFields.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+use Livewire\Attributes\Computed;
+use Aerni\LivewireForms\Form\Fields;
+
+trait WithFields
+{
+    #[Computed]
+    public function fields(): Fields
+    {
+        return Fields::make($this->form, $this->getId())
+            ->models($this->models)
+            ->hydrated(fn ($fields) => $this->hydratedFields($fields))
+            ->hydrate();
+    }
+
+    protected function hydratedFields(Fields $fields): void
+    {
+        //
+    }
+}
diff --git a/src/Livewire/Concerns/WithForm.php b/src/Livewire/Concerns/WithForm.php
new file mode 100644
index 00000000..7ad23f33
--- /dev/null
+++ b/src/Livewire/Concerns/WithForm.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+use Statamic\Facades\Form;
+use Livewire\Attributes\Computed;
+
+trait WithForm
+{
+    #[Computed(true)]
+    public function form(): \Statamic\Forms\Form
+    {
+        return Form::find($this->handle)
+            ?? throw new \Exception("Form with handle [{$this->handle}] cannot be found.");
+    }
+}
diff --git a/src/Livewire/Concerns/WithMessages.php b/src/Livewire/Concerns/WithMessages.php
new file mode 100644
index 00000000..3f097d53
--- /dev/null
+++ b/src/Livewire/Concerns/WithMessages.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+use Illuminate\Support\Facades\Lang;
+
+trait WithMessages
+{
+    public function successMessage(): string
+    {
+        return Lang::has("livewire-forms.{$this->handle}.success_message")
+            ? __("livewire-forms.{$this->handle}.success_message")
+            : __('livewire-forms::messages.success_message');
+    }
+
+    public function errorMessage(): string
+    {
+        return Lang::has("livewire-forms.{$this->handle}.error_message")
+            ? trans_choice("livewire-forms.{$this->handle}.error_message", $this->getErrorBag()->count())
+            : trans_choice('livewire-forms::messages.error_message', $this->getErrorBag()->count());
+    }
+
+    public function submitButtonLabel(): string
+    {
+        return Lang::has("livewire-forms.{$this->handle}.submit_button_label")
+            ? __("livewire-forms.{$this->handle}.submit_button_label")
+            : __('livewire-forms::messages.submit_button_label');
+    }
+}
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index 01728e71..6916b5c3 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -3,72 +3,41 @@
 namespace Aerni\LivewireForms\Livewire;
 
 use Livewire\Component;
-use Statamic\Support\Str;
-use Statamic\Facades\Site;
-use Illuminate\Support\Arr;
-use Livewire\Attributes\On;
 use Livewire\WithFileUploads;
-use Statamic\Forms\SendEmails;
-use Livewire\Attributes\Computed;
-use Illuminate\Support\Collection;
-use Statamic\Events\FormSubmitted;
-use Illuminate\Support\Facades\URL;
-use Aerni\LivewireForms\Form\Fields;
-use Illuminate\Support\Facades\Lang;
-use Statamic\Events\SubmissionCreated;
-use Aerni\LivewireForms\Fields\Honeypot;
-use Statamic\Contracts\Forms\Submission;
-use Illuminate\Contracts\View\View as LaravelView;
+use Illuminate\Contracts\View\View;
 use Aerni\LivewireForms\Livewire\Concerns\WithData;
+use Aerni\LivewireForms\Livewire\Concerns\WithForm;
 use Aerni\LivewireForms\Livewire\Concerns\WithView;
 use Statamic\Exceptions\SilentFormFailureException;
 use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
+use Aerni\LivewireForms\Livewire\Concerns\WithFields;
 use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
 use Aerni\LivewireForms\Livewire\Concerns\WithModels;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesSpam;
+use Aerni\LivewireForms\Livewire\Concerns\WithMessages;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesSuccess;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesSubmission;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesValidation;
 
 class Form extends Component
 {
-    use WithHandle;
-    use WithView;
-    use WithTheme;
+    use HandlesSpam;
+    use HandlesSubmission;
+    use HandlesSuccess;
+    use HandlesValidation;
     use WithData;
-    use WithModels;
+    use WithFields;
     use WithFileUploads;
+    use WithForm;
+    use WithHandle;
+    use WithModels;
+    use WithTheme;
+    use WithView;
+    use WithMessages;
 
-    protected Submission $submission;
-
-    public Collection $fieldsToSubmit;
-
-    public function mount(): void
-    {
-        $this->fieldsToSubmit = collect();
-    }
-
-    protected function hydratedFields(Fields $fields): void
-    {
-        //
-    }
-
-    #[Computed(true)]
-    public function form(): \Statamic\Forms\Form
-    {
-        return \Statamic\Facades\Form::find($this->handle)
-            ?? throw new \Exception("Form with handle [{$this->handle}] cannot be found.");
-    }
-
-    #[Computed]
-    public function fields(): Fields
-    {
-        return Fields::make($this->form, $this->getId())
-            ->models($this->models)
-            ->hydrated(fn ($fields) => $this->hydratedFields($fields))
-            ->hydrate();
-    }
-
-    #[Computed(true)]
-    public function honeypot(): Honeypot
+    public function render(): View
     {
-        return $this->fields->honeypot();
+        return view("livewire-forms::{$this->view}");
     }
 
     public function submit(): void
@@ -81,223 +50,4 @@ public function submit(): void
             $this->handleSuccess();
         }
     }
-
-    public function render(): LaravelView
-    {
-        return view("livewire-forms::{$this->view}");
-    }
-
-    public function updated(string $field): void
-    {
-        $this->validateOnly($field);
-    }
-
-    protected function rules(): array
-    {
-        return $this->fields->validationRules();
-    }
-
-    protected function validationAttributes(): array
-    {
-        return $this->fields->validationAttributes();
-    }
-
-    #[On('field-conditions-updated')]
-    public function submitFieldValue(string $field, bool $passesConditions): void
-    {
-        $this->fields->get($field)->always_save
-            ? $this->fieldsToSubmit->put($field, true)
-            : $this->fieldsToSubmit->put($field, $passesConditions);
-    }
-
-    protected function handleSubmission(): self
-    {
-        return $this
-            ->runSubmittingFormHook()
-            ->makeSubmission()
-            ->runCreatedSubmissionFormHook()
-            ->handleSubmissionEvents()
-            ->storeSubmission()
-            ->runSubmittedFormHook();
-    }
-
-    protected function handleSpam(): self
-    {
-        $isSpam = collect($this->data)->has($this->honeypot->handle);
-
-        if ($isSpam) {
-            throw new SilentFormFailureException();
-        }
-
-        return $this;
-    }
-
-    protected function runSubmittingFormHook(): self
-    {
-        $this->submittingForm();
-
-        return $this;
-    }
-
-    protected function runCreatedSubmissionFormHook(): self
-    {
-        $this->createdSubmission($this->submission);
-
-        return $this;
-    }
-
-    protected function runSubmittedFormHook(): self
-    {
-        $this->submittedForm();
-
-        return $this;
-    }
-
-    protected function submittingForm(): void
-    {
-        //
-    }
-
-    protected function createdSubmission(Submission $submission): void
-    {
-        //
-    }
-
-    protected function submittedForm(): void
-    {
-        //
-    }
-
-    protected function makeSubmission(): self
-    {
-        $this->submission = $this->form->makeSubmission();
-
-        $assetIds = $this->submission->uploadFiles($this->uploadedFiles());
-
-        $values = array_merge($this->normalizedData(), $assetIds);
-
-        $processedValues = $this->form->blueprint()->fields()->addValues($values)->process()->values();
-
-        $this->submission->data($processedValues);
-
-        return $this;
-    }
-
-    protected function normalizedData(): array
-    {
-        return collect($this->data)->map(function ($value, $key) {
-            $field = $this->fields->get($key);
-
-            // Return early if a field can't be found, else we'll run into errors with the below code.
-            if (is_null($field)) {
-                return null;
-            }
-
-            // Only keep values of fields that should be submitted, e.g. if 'always_save' is on.
-            if (! $this->fieldsToSubmit->get($field->handle)) {
-                return null;
-            }
-
-            // Don't save the captcha response.
-            if ($field->field()->type() === 'captcha') {
-                return null;
-            }
-
-            // Cast to booleans if enabled in the config.
-            if ($field->cast_booleans && in_array($value, ['true', 'false'])) {
-                return Str::toBool($value);
-            }
-
-            // Cast to integers if the input type is 'number'.
-            if ($field->input_type === 'number') {
-                return (int) $value;
-            }
-
-            // Otherwise, just return the value.
-            return $value;
-        })->all();
-    }
-
-    protected function uploadedFiles(): array
-    {
-        // Only get the asset fields that contain data.
-        $assetFields = array_intersect_key($this->data, $this->fields->getByType('assets')->all());
-
-        // The assets fieldtype is expecting an array, even for `max_files: 1`, but we don't want to force that on the front end.
-        return collect($assetFields)
-            ->map(fn ($field) => Arr::wrap($field))
-            ->all();
-    }
-
-    protected function handleSubmissionEvents(): self
-    {
-        $this->dispatch('formSubmitted');
-        $formSubmitted = FormSubmitted::dispatch($this->submission);
-
-        if ($formSubmitted === false) {
-            throw new SilentFormFailureException();
-        }
-
-        $this->dispatch('submissionCreated');
-        SubmissionCreated::dispatch($this->submission);
-
-        $site = Site::findByUrl(URL::previous());
-        SendEmails::dispatch($this->submission, $site);
-
-        return $this;
-    }
-
-    protected function storeSubmission(): self
-    {
-        if ($this->form->store()) {
-            $this->submission->save();
-        }
-
-        return $this;
-    }
-
-    protected function handleSuccess(): self
-    {
-        return $this->flashSuccess()->resetForm();
-    }
-
-    protected function resetForm(): self
-    {
-        // Reset the form data.
-        $this->data = $this->defaultData();
-
-        // Reset asset fields using this trick: https://talltips.novate.co.uk/livewire/livewire-file-uploads-using-s3#removing-filename-from-input-field-after-upload
-        $this->fields->getByType('assets')
-            ->each(fn ($field) => $field->id($field->id().'_'.rand()));
-
-        return $this;
-    }
-
-    protected function flashSuccess(): self
-    {
-        session()->flash('success', $this->successMessage());
-
-        return $this;
-    }
-
-    public function successMessage(): string
-    {
-        return Lang::has("livewire-forms.{$this->handle}.success_message")
-            ? __("livewire-forms.{$this->handle}.success_message")
-            : __('livewire-forms::messages.success_message');
-    }
-
-    public function errorMessage(): string
-    {
-        return Lang::has("livewire-forms.{$this->handle}.error_message")
-            ? trans_choice("livewire-forms.{$this->handle}.error_message", $this->getErrorBag()->count())
-            : trans_choice('livewire-forms::messages.error_message', $this->getErrorBag()->count());
-    }
-
-    public function submitButtonLabel(): string
-    {
-        return Lang::has("livewire-forms.{$this->handle}.submit_button_label")
-            ? __("livewire-forms.{$this->handle}.submit_button_label")
-            : __('livewire-forms::messages.submit_button_label');
-    }
 }

From 4a61f77b5ff32e183eeefa302736e0e7463fe2f9 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 23 Nov 2023 22:09:13 +0100
Subject: [PATCH 045/209] Make it possible to add to `$data` on mount

This is usefull when you need to add data in the mount method of a custom component. Like values of hidden fields.
---
 src/Form/Fields.php                      | 16 +++++-----------
 src/Livewire/Concerns/HandlesSuccess.php |  6 ++++--
 src/Livewire/Concerns/WithData.php       | 17 +++++++++++++----
 3 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index 77959b19..d056e0b2 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -2,13 +2,13 @@
 
 namespace Aerni\LivewireForms\Form;
 
-use Illuminate\Support\Str;
-use Statamic\Fields\Section;
-use Illuminate\Support\Collection;
-use Aerni\LivewireForms\Fields\Field;
 use Aerni\LivewireForms\Facades\Models;
 use Aerni\LivewireForms\Fields\Captcha;
+use Aerni\LivewireForms\Fields\Field;
 use Aerni\LivewireForms\Fields\Honeypot;
+use Illuminate\Support\Collection;
+use Illuminate\Support\Str;
+use Statamic\Fields\Section;
 use Statamic\Forms\Form as StatamicForm;
 
 class Fields
@@ -150,13 +150,7 @@ public function honeypot(): Honeypot
 
     public function defaultValues(): Collection
     {
-        /**
-         * Only filter null values to preserve empty arrays.
-         * This is to ensure that fields like checkboxes are initialized propertly.
-         */
-        return $this->fields
-            ->mapWithKeys(fn ($field, $handle) => [$handle => $field->default])
-            ->filter(fn ($value) => ! is_null($value));
+        return $this->fields->mapWithKeys(fn ($field, $handle) => [$handle => $field->default]);
     }
 
     public function validationRules(): array
diff --git a/src/Livewire/Concerns/HandlesSuccess.php b/src/Livewire/Concerns/HandlesSuccess.php
index 7dd276d3..2d2f352d 100644
--- a/src/Livewire/Concerns/HandlesSuccess.php
+++ b/src/Livewire/Concerns/HandlesSuccess.php
@@ -9,8 +9,10 @@ protected function handleSuccess(): self
         // Flash the success message.
         session()->flash('success', $this->successMessage());
 
-        // Reset the form data.
-        $this->data = $this->defaultData();
+        // Reset the data while preserving the captcha.
+        $this->data = collect($this->defaultData)
+            ->merge($this->captchaValue())
+            ->all();
 
         // Reset asset fields using this trick: https://talltips.novate.co.uk/livewire/livewire-file-uploads-using-s3#removing-filename-from-input-field-after-upload
         $this->fields->getByType('assets')
diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
index f6cba361..ff18d667 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/WithData.php
@@ -2,8 +2,9 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Statamic\Support\Str;
 use Illuminate\Support\Arr;
+use Livewire\Attributes\Computed;
+use Statamic\Support\Str;
 
 trait WithData
 {
@@ -11,14 +12,22 @@ trait WithData
 
     public function mountWithData(): void
     {
-        $this->data = $this->defaultData();
+        $this->data = $this->defaultData;
     }
 
+    // The persisted computed property ensures that we can reset the data to its mount state.
+    #[Computed(true)]
     protected function defaultData(): array
+    {
+        return $this->fields->defaultValues()
+            ->merge($this->data)
+            ->all();
+    }
+
+    protected function captchaValue(): array
     {
         return collect($this->data)
-            ->only($this->fields->captcha()?->handle ?? []) // Make sure to preserve the captcha response.
-            ->merge($this->fields->defaultValues())
+            ->only($this->fields->captcha()?->handle ?? [])
             ->all();
     }
 

From a7d8f6eead9bb6ec37d70684d4d0140ccee93f26 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 24 Nov 2023 16:42:01 -0500
Subject: [PATCH 046/209] Move submit method

---
 src/Livewire/Concerns/HandlesSubmission.php | 21 ++++++++++---
 src/Livewire/Form.php                       | 34 +++++++--------------
 2 files changed, 27 insertions(+), 28 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index 95309752..ffe5fa7d 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -2,15 +2,15 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Statamic\Facades\Site;
-use Livewire\Attributes\On;
-use Statamic\Forms\SendEmails;
 use Illuminate\Support\Collection;
-use Statamic\Events\FormSubmitted;
 use Illuminate\Support\Facades\URL;
-use Statamic\Events\SubmissionCreated;
+use Livewire\Attributes\On;
 use Statamic\Contracts\Forms\Submission;
+use Statamic\Events\FormSubmitted;
+use Statamic\Events\SubmissionCreated;
 use Statamic\Exceptions\SilentFormFailureException;
+use Statamic\Facades\Site;
+use Statamic\Forms\SendEmails;
 
 trait HandlesSubmission
 {
@@ -24,6 +24,17 @@ public function mountHandlesSubmission(): void
         $this->fieldsToSubmit = collect();
     }
 
+    public function submit(): void
+    {
+        $this->validate();
+
+        try {
+            $this->handleSpam()->handleSubmission()->handleSuccess();
+        } catch (SilentFormFailureException) {
+            $this->handleSuccess();
+        }
+    }
+
     #[On('field-conditions-updated')]
     public function submitFieldValue(string $field, bool $passesConditions): void
     {
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index 6916b5c3..75a35944 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -2,22 +2,21 @@
 
 namespace Aerni\LivewireForms\Livewire;
 
-use Livewire\Component;
-use Livewire\WithFileUploads;
-use Illuminate\Contracts\View\View;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesSpam;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesSubmission;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesSuccess;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesValidation;
 use Aerni\LivewireForms\Livewire\Concerns\WithData;
-use Aerni\LivewireForms\Livewire\Concerns\WithForm;
-use Aerni\LivewireForms\Livewire\Concerns\WithView;
-use Statamic\Exceptions\SilentFormFailureException;
-use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
 use Aerni\LivewireForms\Livewire\Concerns\WithFields;
+use Aerni\LivewireForms\Livewire\Concerns\WithForm;
 use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
-use Aerni\LivewireForms\Livewire\Concerns\WithModels;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesSpam;
 use Aerni\LivewireForms\Livewire\Concerns\WithMessages;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesSuccess;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesSubmission;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesValidation;
+use Aerni\LivewireForms\Livewire\Concerns\WithModels;
+use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
+use Aerni\LivewireForms\Livewire\Concerns\WithView;
+use Illuminate\Contracts\View\View;
+use Livewire\Component;
+use Livewire\WithFileUploads;
 
 class Form extends Component
 {
@@ -39,15 +38,4 @@ public function render(): View
     {
         return view("livewire-forms::{$this->view}");
     }
-
-    public function submit(): void
-    {
-        $this->validate();
-
-        try {
-            $this->handleSpam()->handleSubmission()->handleSuccess();
-        } catch (SilentFormFailureException) {
-            $this->handleSuccess();
-        }
-    }
 }

From 0d69c3b1f817e5b2569772f832ab86467056e030 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 24 Nov 2023 16:50:48 -0500
Subject: [PATCH 047/209] Make it easy to set and get data

---
 src/Livewire/Concerns/WithData.php | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
index ff18d667..729d7545 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/WithData.php
@@ -31,6 +31,18 @@ protected function captchaValue(): array
             ->all();
     }
 
+    protected function set(string $key, mixed $value): self
+    {
+        $this->data[$key] = $value;
+
+        return $this;
+    }
+
+    protected function get(string $key): mixed
+    {
+        return $this->data[$key] ?? null;
+    }
+
     protected function normalizedDataForSubmission(): array
     {
         return collect($this->data)->map(function ($value, $key) {

From 12a77d20c529fc1e182aec526f40fe933449265c Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 24 Nov 2023 17:40:15 -0500
Subject: [PATCH 048/209] Simplify file upload method

---
 src/Livewire/Concerns/HandlesSubmission.php |  6 +++---
 src/Livewire/Concerns/WithData.php          | 13 ++++---------
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index ffe5fa7d..4d5fc3fb 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -70,11 +70,11 @@ protected function makeSubmission(): self
     {
         $this->submission = $this->form->makeSubmission();
 
-        $assetIds = $this->submission->uploadFiles($this->uploadedFiles());
+        $assetIds = $this->submission->uploadFiles($this->temporaryUploadedFiles());
 
-        $values = array_merge($this->normalizedDataForSubmission(), $assetIds);
+        $data = array_merge($this->normalizedDataForSubmission(), $assetIds);
 
-        $processedValues = $this->form->blueprint()->fields()->addValues($values)->process()->values();
+        $processedValues = $this->form->blueprint()->fields()->addValues($data)->process()->values();
 
         $this->submission->data($processedValues);
 
diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
index 729d7545..26cea71a 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/WithData.php
@@ -2,8 +2,8 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Illuminate\Support\Arr;
 use Livewire\Attributes\Computed;
+use Livewire\Features\SupportFileUploads\TemporaryUploadedFile;
 use Statamic\Support\Str;
 
 trait WithData
@@ -78,15 +78,10 @@ protected function normalizedDataForSubmission(): array
         })->all();
     }
 
-    // TODO: Can we move this into the normalizedDataForSubmission method?
-    protected function uploadedFiles(): array
+    protected function temporaryUploadedFiles(): array
     {
-        // Only get the asset fields that contain data.
-        $assetFields = array_intersect_key($this->data, $this->fields->getByType('assets')->all());
-
-        // The assets fieldtype is expecting an array, even for `max_files: 1`, but we don't want to force that on the front end.
-        return collect($assetFields)
-            ->map(fn ($field) => Arr::wrap($field))
+        return collect($this->data)
+            ->whereInstanceOf(TemporaryUploadedFile::class)
             ->all();
     }
 }

From 163dc84e45483a22d70d10c3741c6eb636a5ce8b Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Fri, 24 Nov 2023 22:53:10 +0000
Subject: [PATCH 049/209] Fix styling

---
 src/Form/Fields.php                     | 2 +-
 src/Livewire/Concerns/HandlesSpam.php   | 2 +-
 src/Livewire/Concerns/WithComponent.php | 2 +-
 src/Livewire/Concerns/WithFields.php    | 2 +-
 src/Livewire/Concerns/WithForm.php      | 2 +-
 src/Livewire/DynamicForm.php            | 8 ++++----
 src/Livewire/Form.php                   | 2 +-
 7 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index d056e0b2..03f5c7e6 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -27,7 +27,7 @@ public static function make(StatamicForm $form, string $id): self
         return new static($form, $id);
     }
 
-    public function models(?array $models = null): Collection|self
+    public function models(array $models = null): Collection|self
     {
         if (is_null($models)) {
             return Models::all();
diff --git a/src/Livewire/Concerns/HandlesSpam.php b/src/Livewire/Concerns/HandlesSpam.php
index 866c4810..3f145f2a 100644
--- a/src/Livewire/Concerns/HandlesSpam.php
+++ b/src/Livewire/Concerns/HandlesSpam.php
@@ -2,8 +2,8 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Livewire\Attributes\Computed;
 use Aerni\LivewireForms\Fields\Honeypot;
+use Livewire\Attributes\Computed;
 use Statamic\Exceptions\SilentFormFailureException;
 
 trait HandlesSpam
diff --git a/src/Livewire/Concerns/WithComponent.php b/src/Livewire/Concerns/WithComponent.php
index 2e4fdf51..922661a6 100644
--- a/src/Livewire/Concerns/WithComponent.php
+++ b/src/Livewire/Concerns/WithComponent.php
@@ -2,8 +2,8 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Livewire\Livewire;
 use Illuminate\Support\Str;
+use Livewire\Livewire;
 
 trait WithComponent
 {
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index ab8e63f5..fe1d4f84 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -2,8 +2,8 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Livewire\Attributes\Computed;
 use Aerni\LivewireForms\Form\Fields;
+use Livewire\Attributes\Computed;
 
 trait WithFields
 {
diff --git a/src/Livewire/Concerns/WithForm.php b/src/Livewire/Concerns/WithForm.php
index 7ad23f33..f8d55e4b 100644
--- a/src/Livewire/Concerns/WithForm.php
+++ b/src/Livewire/Concerns/WithForm.php
@@ -2,8 +2,8 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Statamic\Facades\Form;
 use Livewire\Attributes\Computed;
+use Statamic\Facades\Form;
 
 trait WithForm
 {
diff --git a/src/Livewire/DynamicForm.php b/src/Livewire/DynamicForm.php
index debca4e0..94d2a651 100644
--- a/src/Livewire/DynamicForm.php
+++ b/src/Livewire/DynamicForm.php
@@ -2,12 +2,12 @@
 
 namespace Aerni\LivewireForms\Livewire;
 
-use Livewire\Component;
-use Illuminate\Contracts\View\View;
-use Aerni\LivewireForms\Livewire\Concerns\WithView;
-use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
 use Aerni\LivewireForms\Livewire\Concerns\WithComponent;
+use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
 use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
+use Aerni\LivewireForms\Livewire\Concerns\WithView;
+use Illuminate\Contracts\View\View;
+use Livewire\Component;
 
 class DynamicForm extends Component
 {
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index 75a35944..12d0c6ff 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -29,10 +29,10 @@ class Form extends Component
     use WithFileUploads;
     use WithForm;
     use WithHandle;
+    use WithMessages;
     use WithModels;
     use WithTheme;
     use WithView;
-    use WithMessages;
 
     public function render(): View
     {

From f0cceff275697113aee4c66526708672751bb158 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 25 Nov 2023 13:39:43 -0500
Subject: [PATCH 050/209] =?UTF-8?q?Ensure=20success=20flash=20doesn?=
 =?UTF-8?q?=E2=80=99t=20disappear=20immediately?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Livewire/Concerns/HandlesSubmission.php | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index 4d5fc3fb..b447b473 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -5,6 +5,7 @@
 use Illuminate\Support\Collection;
 use Illuminate\Support\Facades\URL;
 use Livewire\Attributes\On;
+use Livewire\Attributes\Renderless;
 use Statamic\Contracts\Forms\Submission;
 use Statamic\Events\FormSubmitted;
 use Statamic\Events\SubmissionCreated;
@@ -35,6 +36,7 @@ public function submit(): void
         }
     }
 
+    #[Renderless]
     #[On('field-conditions-updated')]
     public function submitFieldValue(string $field, bool $passesConditions): void
     {

From 6c32bc198161ca0e02f53dc1496f0220010b1e45 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 25 Nov 2023 14:11:09 -0500
Subject: [PATCH 051/209] Integer fieldtype should always use a number input

---
 src/Fields/Integer.php | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Fields/Integer.php b/src/Fields/Integer.php
index fa78483b..0cf971f9 100644
--- a/src/Fields/Integer.php
+++ b/src/Fields/Integer.php
@@ -16,6 +16,7 @@ class Integer extends Field
 
     protected function inputTypeProperty(): string
     {
-        return $this->field->get('input_type', 'number');
+        return 'number';
+    }
     }
 }

From 8547a790e5acfca0d3c5dbfccaea467de833b515 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 25 Nov 2023 14:29:43 -0500
Subject: [PATCH 052/209] Move value process into field models

---
 src/Fields/Captcha.php             |  5 +++++
 src/Fields/Field.php               |  9 +++++++++
 src/Fields/Integer.php             |  4 ++++
 src/Fields/Text.php                | 11 ++++++++++-
 src/Livewire/Concerns/WithData.php | 19 +------------------
 5 files changed, 29 insertions(+), 19 deletions(-)

diff --git a/src/Fields/Captcha.php b/src/Fields/Captcha.php
index 0e16ee67..4dbc8e73 100644
--- a/src/Fields/Captcha.php
+++ b/src/Fields/Captcha.php
@@ -5,4 +5,9 @@
 class Captcha extends Field
 {
     protected static string $view = 'captcha';
+
+    public function process(mixed $value): mixed
+    {
+        return null;
+    }
 }
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index f0c748b6..0a034ca5 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -63,6 +63,15 @@ public function validationAttributes(): array
         return [$this->key => $this->label];
     }
 
+    public function process(mixed $value): mixed
+    {
+        if ($this->cast_booleans && in_array($value, ['true', 'false'])) {
+            return Str::toBool($value);
+        }
+
+        return $value;
+    }
+
     protected function get(string $key): mixed
     {
         $method = collect(get_class_methods($this))
diff --git a/src/Fields/Integer.php b/src/Fields/Integer.php
index 0cf971f9..59382a50 100644
--- a/src/Fields/Integer.php
+++ b/src/Fields/Integer.php
@@ -18,5 +18,9 @@ protected function inputTypeProperty(): string
     {
         return 'number';
     }
+
+    public function process(mixed $value): mixed
+    {
+        return is_null($value) ? null : (int) $value;
     }
 }
diff --git a/src/Fields/Text.php b/src/Fields/Text.php
index 179ef372..9bd2c991 100644
--- a/src/Fields/Text.php
+++ b/src/Fields/Text.php
@@ -16,8 +16,17 @@ class Text extends Field
 
     protected function hiddenProperty(): bool
     {
-        return $this->field->get('input_type') === 'hidden'
+        return $this->input_type === 'hidden'
             ? true
             : parent::hiddenProperty();
     }
+
+    public function process(mixed $value): mixed
+    {
+        if ($this->input_type !== 'number') {
+            return $value;
+        }
+
+        return is_null($value) ? null : (int) $value;
+    }
 }
diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
index 26cea71a..87e1adac 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/WithData.php
@@ -4,7 +4,6 @@
 
 use Livewire\Attributes\Computed;
 use Livewire\Features\SupportFileUploads\TemporaryUploadedFile;
-use Statamic\Support\Str;
 
 trait WithData
 {
@@ -58,23 +57,7 @@ protected function normalizedDataForSubmission(): array
                 return null;
             }
 
-            // Don't save the captcha response.
-            if ($field->field()->type() === 'captcha') {
-                return null;
-            }
-
-            // Cast to booleans if enabled in the config.
-            if ($field->cast_booleans && in_array($value, ['true', 'false'])) {
-                return Str::toBool($value);
-            }
-
-            // Cast to integers if the input type is 'number'.
-            if ($field->input_type === 'number') {
-                return (int) $value;
-            }
-
-            // Otherwise, just return the value.
-            return $value;
+            return $field->process($value);
         })->all();
     }
 

From 7d68abd0db6d58c8f646046d51227344d0b59024 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 25 Nov 2023 17:32:57 -0500
Subject: [PATCH 053/209] The event should be scoped to the component

---
 resources/views/default/layouts/field.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/default/layouts/field.blade.php b/resources/views/default/layouts/field.blade.php
index 57d64907..b02b5793 100644
--- a/resources/views/default/layouts/field.blade.php
+++ b/resources/views/default/layouts/field.blade.php
@@ -8,7 +8,7 @@
         },
     }"
     x-show="show"
-    x-effect="$dispatch('field-conditions-updated', { field: '{{ $field->handle }}', passesConditions: passesConditions() })"
+    x-effect="$wire.$dispatchSelf('field-conditions-updated', { field: '{{ $field->handle }}', passesConditions: passesConditions() })"
     wire:key="{{ $field->id }}"
     class="space-y-2 col-span-1
         {{ $field->width === 25 ? 'md:col-span-3' : '' }}

From 7c184cd907160787aa9765b9357538473ea72c0e Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 25 Nov 2023 17:57:58 -0500
Subject: [PATCH 054/209] Use preferred syntax

---
 resources/views/dynamic-form.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/dynamic-form.blade.php b/resources/views/dynamic-form.blade.php
index 9f1ce324..8584d1d6 100644
--- a/resources/views/dynamic-form.blade.php
+++ b/resources/views/dynamic-form.blade.php
@@ -1,3 +1,3 @@
 <div>
-    <livewire:is :$component :$handle :$view :$theme />
+    <livewire:dynamic-component :is="$component" :$handle :$view :$theme />
 </div>

From ea8a846b7d40193a46452234124c6eb149f9ff04 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 25 Nov 2023 21:03:05 -0500
Subject: [PATCH 055/209] Automatically set handle based on component name

---
 src/Livewire/Concerns/WithHandle.php | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/Livewire/Concerns/WithHandle.php b/src/Livewire/Concerns/WithHandle.php
index d6d62971..90f4b561 100644
--- a/src/Livewire/Concerns/WithHandle.php
+++ b/src/Livewire/Concerns/WithHandle.php
@@ -2,6 +2,8 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Aerni\LivewireForms\Livewire\Form;
+
 trait WithHandle
 {
     public string $handle;
@@ -13,8 +15,21 @@ public function mountWithHandle(): void
 
     protected function handle(): string
     {
-        return static::$HANDLE // Try to get the handle defined in a custom component.
-            ?? $this->handle // Try to get the handle passed to the component in the view.
-            ?? throw new \Exception('You need to set the handle of the form you want to use.');
+        // Try to get the handle defined in a custom component.
+        if (isset(static::$HANDLE)) {
+            return static::$HANDLE;
+        }
+
+        // Try to get the handle passed to the component in the view.
+        if (isset($this->handle)) {
+            return $this->handle;
+        }
+
+        // Get the handle from the name of the component, e.g. 'contact-us-form' will load the 'contact_us' form.
+        if ($this instanceof Form) {
+            return str($this->getName())->beforeLast('-form')->replace('-', '_');
+        }
+
+        throw new \Exception('You need to set the handle of the form you want to use.');
     }
 }

From 8154c1379e9d987d437a1921218fb6fe35d4f5dd Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sun, 26 Nov 2023 13:22:23 -0500
Subject: [PATCH 056/209] Deprecate the static properties

You can just override the method, e.g. `handle()`, instead.
---
 src/Livewire/Concerns/WithHandle.php | 7 +------
 src/Livewire/Concerns/WithTheme.php  | 7 +------
 src/Livewire/Concerns/WithView.php   | 9 ++-------
 3 files changed, 4 insertions(+), 19 deletions(-)

diff --git a/src/Livewire/Concerns/WithHandle.php b/src/Livewire/Concerns/WithHandle.php
index 90f4b561..46e470dc 100644
--- a/src/Livewire/Concerns/WithHandle.php
+++ b/src/Livewire/Concerns/WithHandle.php
@@ -15,12 +15,7 @@ public function mountWithHandle(): void
 
     protected function handle(): string
     {
-        // Try to get the handle defined in a custom component.
-        if (isset(static::$HANDLE)) {
-            return static::$HANDLE;
-        }
-
-        // Try to get the handle passed to the component in the view.
+        // Get the handle passed to the component in the view.
         if (isset($this->handle)) {
             return $this->handle;
         }
diff --git a/src/Livewire/Concerns/WithTheme.php b/src/Livewire/Concerns/WithTheme.php
index eb33e211..08ecddfa 100644
--- a/src/Livewire/Concerns/WithTheme.php
+++ b/src/Livewire/Concerns/WithTheme.php
@@ -13,12 +13,7 @@ public function mountWithTheme(): void
 
     protected function theme(): string
     {
-        // Try to get the theme defined in a custom component.
-        if (isset(static::$THEME)) {
-            return static::$THEME;
-        }
-
-        // Try to get the theme passed to the component in the view.
+        // Get the theme passed to the component in the view.
         if (isset($this->theme)) {
             return $this->theme;
         }
diff --git a/src/Livewire/Concerns/WithView.php b/src/Livewire/Concerns/WithView.php
index 2df09f20..84ceec33 100644
--- a/src/Livewire/Concerns/WithView.php
+++ b/src/Livewire/Concerns/WithView.php
@@ -13,17 +13,12 @@ public function mountWithView(): void
 
     protected function view(): string
     {
-        // Try to get the view defined in a custom component.
-        if (isset(static::$VIEW)) {
-            return static::$VIEW;
-        }
-
-        // Try to get the view passed to the component in the view.
+        // Get the view passed to the component in the view.
         if (isset($this->view)) {
             return $this->view;
         }
 
-        // Try to autoload the view by form handle.
+        // Autoload the view by form handle if it exists.
         if (view()->exists("livewire-forms::{$this->handle}")) {
             return $this->handle;
         }

From f15c1082f1cf136c2da8811749dea1478810353a Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sun, 26 Nov 2023 13:39:07 -0500
Subject: [PATCH 057/209] Move fieldsToSubmit to more fitting trait

---
 src/Livewire/Concerns/HandlesSubmission.php | 20 -------------------
 src/Livewire/Concerns/WithFields.php        | 22 ++++++++++++++++++++-
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index b447b473..a1afea5a 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -2,10 +2,7 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Illuminate\Support\Collection;
 use Illuminate\Support\Facades\URL;
-use Livewire\Attributes\On;
-use Livewire\Attributes\Renderless;
 use Statamic\Contracts\Forms\Submission;
 use Statamic\Events\FormSubmitted;
 use Statamic\Events\SubmissionCreated;
@@ -17,14 +14,6 @@ trait HandlesSubmission
 {
     protected Submission $submission;
 
-    // TODO: Can we make this protected?
-    public Collection $fieldsToSubmit;
-
-    public function mountHandlesSubmission(): void
-    {
-        $this->fieldsToSubmit = collect();
-    }
-
     public function submit(): void
     {
         $this->validate();
@@ -36,15 +25,6 @@ public function submit(): void
         }
     }
 
-    #[Renderless]
-    #[On('field-conditions-updated')]
-    public function submitFieldValue(string $field, bool $passesConditions): void
-    {
-        $this->fields->get($field)->always_save
-            ? $this->fieldsToSubmit->put($field, true)
-            : $this->fieldsToSubmit->put($field, $passesConditions);
-    }
-
     protected function handleSubmission(): self
     {
         return $this
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index fe1d4f84..f3e4384d 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -2,11 +2,22 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Aerni\LivewireForms\Form\Fields;
+use Livewire\Attributes\On;
 use Livewire\Attributes\Computed;
+use Illuminate\Support\Collection;
+use Livewire\Attributes\Renderless;
+use Aerni\LivewireForms\Form\Fields;
 
 trait WithFields
 {
+    // TODO: Can we make this protected?
+    public Collection $fieldsToSubmit;
+
+    public function mountWithFields(): void
+    {
+        $this->fieldsToSubmit = collect();
+    }
+
     #[Computed]
     public function fields(): Fields
     {
@@ -20,4 +31,13 @@ protected function hydratedFields(Fields $fields): void
     {
         //
     }
+
+    #[Renderless]
+    #[On('field-conditions-updated')]
+    public function submitFieldValue(string $field, bool $passesConditions): void
+    {
+        $this->fields->get($field)->always_save
+            ? $this->fieldsToSubmit->put($field, true)
+            : $this->fieldsToSubmit->put($field, $passesConditions);
+    }
 }

From 1bfcd2502bfc71902764f6fd6be958511966cd3c Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sun, 26 Nov 2023 13:43:00 -0500
Subject: [PATCH 058/209] Move submit method to more appropriate place

---
 src/Livewire/Concerns/HandlesSubmission.php | 11 -----------
 src/Livewire/Form.php                       | 11 +++++++++++
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index a1afea5a..8b318052 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -14,17 +14,6 @@ trait HandlesSubmission
 {
     protected Submission $submission;
 
-    public function submit(): void
-    {
-        $this->validate();
-
-        try {
-            $this->handleSpam()->handleSubmission()->handleSuccess();
-        } catch (SilentFormFailureException) {
-            $this->handleSuccess();
-        }
-    }
-
     protected function handleSubmission(): self
     {
         return $this
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index 12d0c6ff..e9114664 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -38,4 +38,15 @@ public function render(): View
     {
         return view("livewire-forms::{$this->view}");
     }
+
+    public function submit(): void
+    {
+        $this->validate();
+
+        try {
+            $this->handleSpam()->handleSubmission()->handleSuccess();
+        } catch (SilentFormFailureException) {
+            $this->handleSuccess();
+        }
+    }
 }

From ff53c8ceb5a0d783f15fccd63ef544f8f2b0bd5f Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sun, 26 Nov 2023 13:47:37 -0500
Subject: [PATCH 059/209] Move trait imports into proper order

This ensures that we are initializing certain properties before they are used in other traits.
---
 src/Livewire/DynamicForm.php |  4 ++--
 src/Livewire/Form.php        | 39 ++++++++++++++++++------------------
 2 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/src/Livewire/DynamicForm.php b/src/Livewire/DynamicForm.php
index 94d2a651..d81827ee 100644
--- a/src/Livewire/DynamicForm.php
+++ b/src/Livewire/DynamicForm.php
@@ -11,10 +11,10 @@
 
 class DynamicForm extends Component
 {
-    use WithComponent;
     use WithHandle;
-    use WithTheme;
+    use WithComponent;
     use WithView;
+    use WithTheme;
 
     public function render(): View
     {
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index e9114664..14f94cc1 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -2,37 +2,38 @@
 
 namespace Aerni\LivewireForms\Livewire;
 
-use Aerni\LivewireForms\Livewire\Concerns\HandlesSpam;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesSubmission;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesSuccess;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesValidation;
+use Livewire\Component;
+use Livewire\WithFileUploads;
+use Illuminate\Contracts\View\View;
 use Aerni\LivewireForms\Livewire\Concerns\WithData;
-use Aerni\LivewireForms\Livewire\Concerns\WithFields;
 use Aerni\LivewireForms\Livewire\Concerns\WithForm;
+use Aerni\LivewireForms\Livewire\Concerns\WithView;
+use Statamic\Exceptions\SilentFormFailureException;
+use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
+use Aerni\LivewireForms\Livewire\Concerns\WithFields;
 use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
-use Aerni\LivewireForms\Livewire\Concerns\WithMessages;
 use Aerni\LivewireForms\Livewire\Concerns\WithModels;
-use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
-use Aerni\LivewireForms\Livewire\Concerns\WithView;
-use Illuminate\Contracts\View\View;
-use Livewire\Component;
-use Livewire\WithFileUploads;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesSpam;
+use Aerni\LivewireForms\Livewire\Concerns\WithMessages;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesSuccess;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesSubmission;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesValidation;
 
 class Form extends Component
 {
+    use WithHandle;
+    use WithView;
+    use WithTheme;
+    use WithForm;
+    use WithModels;
+    use WithFields;
+    use WithData;
+    use HandlesValidation;
     use HandlesSpam;
     use HandlesSubmission;
     use HandlesSuccess;
-    use HandlesValidation;
-    use WithData;
-    use WithFields;
     use WithFileUploads;
-    use WithForm;
-    use WithHandle;
     use WithMessages;
-    use WithModels;
-    use WithTheme;
-    use WithView;
 
     public function render(): View
     {

From 4dc635138cd77d899e32597e81a1cce692db670a Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sun, 26 Nov 2023 14:02:56 -0500
Subject: [PATCH 060/209] Throw exception if field model binding is missing

---
 src/Form/Fields.php | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index 03f5c7e6..d9b8c330 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -119,11 +119,14 @@ protected function hydrateFields(): self
     protected function makeFields(Collection $fields): Collection
     {
         return $fields->map(function ($field) {
-            $class = $this->models()->get($field->handle())
-                ?? $this->models()->get($field->fieldtype()::class);
+            $fieldtype = $field->fieldtype()::class;
 
-            return $class ? $class::make($field, $this->id) : null;
-        })->filter();
+            $class = $this->models()->get($field->handle()) ?? $this->models()->get($fieldtype);
+
+            return $class
+                ? $class::make($field, $this->id)
+                : throw new \Exception("The field model binding for fieldtype [{$fieldtype}] cannot be found.");
+        });
     }
 
     protected function removeDuplicateCaptchaFields(): self

From c6a56c7418ff81986087a17f2cce7f5ef8e1eb27 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sun, 26 Nov 2023 14:07:16 -0500
Subject: [PATCH 061/209] Preserve trait order

---
 pint.json | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 pint.json

diff --git a/pint.json b/pint.json
new file mode 100644
index 00000000..4153da22
--- /dev/null
+++ b/pint.json
@@ -0,0 +1,6 @@
+{
+    "preset": "laravel",
+    "rules": {
+        "ordered_traits": false
+    }
+}

From ec47b1790bebc390320387b499df1c66d0cd0865 Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Sun, 26 Nov 2023 19:07:41 +0000
Subject: [PATCH 062/209] Fix styling

---
 src/Livewire/Concerns/WithFields.php |  6 +++---
 src/Livewire/Form.php                | 24 ++++++++++++------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index f3e4384d..039f8ab6 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -2,11 +2,11 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Livewire\Attributes\On;
-use Livewire\Attributes\Computed;
+use Aerni\LivewireForms\Form\Fields;
 use Illuminate\Support\Collection;
+use Livewire\Attributes\Computed;
+use Livewire\Attributes\On;
 use Livewire\Attributes\Renderless;
-use Aerni\LivewireForms\Form\Fields;
 
 trait WithFields
 {
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index 14f94cc1..ff3cf1ab 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -2,22 +2,22 @@
 
 namespace Aerni\LivewireForms\Livewire;
 
-use Livewire\Component;
-use Livewire\WithFileUploads;
-use Illuminate\Contracts\View\View;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesSpam;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesSubmission;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesSuccess;
+use Aerni\LivewireForms\Livewire\Concerns\HandlesValidation;
 use Aerni\LivewireForms\Livewire\Concerns\WithData;
-use Aerni\LivewireForms\Livewire\Concerns\WithForm;
-use Aerni\LivewireForms\Livewire\Concerns\WithView;
-use Statamic\Exceptions\SilentFormFailureException;
-use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
 use Aerni\LivewireForms\Livewire\Concerns\WithFields;
+use Aerni\LivewireForms\Livewire\Concerns\WithForm;
 use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
-use Aerni\LivewireForms\Livewire\Concerns\WithModels;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesSpam;
 use Aerni\LivewireForms\Livewire\Concerns\WithMessages;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesSuccess;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesSubmission;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesValidation;
+use Aerni\LivewireForms\Livewire\Concerns\WithModels;
+use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
+use Aerni\LivewireForms\Livewire\Concerns\WithView;
+use Illuminate\Contracts\View\View;
+use Livewire\Component;
+use Livewire\WithFileUploads;
+use Statamic\Exceptions\SilentFormFailureException;
 
 class Form extends Component
 {

From aef30772e2ff2482c1b209c4179e40fe8043b83e Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 28 Nov 2023 11:51:08 -0500
Subject: [PATCH 063/209] Remove captcha code complexity
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Let’s not babysitt the users and let them add multiple captchas if they want. They will realise things break.
---
 src/Form/Fields.php                | 20 +-------------------
 src/Livewire/Concerns/WithData.php |  2 +-
 2 files changed, 2 insertions(+), 20 deletions(-)

diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index d9b8c330..c3ac0263 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -3,7 +3,6 @@
 namespace Aerni\LivewireForms\Form;
 
 use Aerni\LivewireForms\Facades\Models;
-use Aerni\LivewireForms\Fields\Captcha;
 use Aerni\LivewireForms\Fields\Field;
 use Aerni\LivewireForms\Fields\Honeypot;
 use Illuminate\Support\Collection;
@@ -87,10 +86,7 @@ public function section(string $handle): ?array
 
     public function hydrate(): self
     {
-        return $this
-            ->hydrateFields()
-            ->removeDuplicateCaptchaFields()
-            ->runHydratedCallbacks();
+        return $this->hydrateFields()->runHydratedCallbacks();
     }
 
     protected function runHydratedCallbacks(): self
@@ -129,20 +125,6 @@ protected function makeFields(Collection $fields): Collection
         });
     }
 
-    protected function removeDuplicateCaptchaFields(): self
-    {
-        $duplicates = $this->fields->whereInstanceOf(Captcha::class)->slice(1)->keys();
-
-        $this->fields = $this->fields->except($duplicates);
-
-        return $this;
-    }
-
-    public function captcha(): ?Captcha
-    {
-        return $this->fields->whereInstanceOf(Captcha::class)->first();
-    }
-
     public function honeypot(): Honeypot
     {
         return Honeypot::make(
diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
index 87e1adac..b1067be0 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/WithData.php
@@ -26,7 +26,7 @@ protected function defaultData(): array
     protected function captchaValue(): array
     {
         return collect($this->data)
-            ->only($this->fields->captcha()?->handle ?? [])
+            ->only($this->fields->getByType('captcha')->first()?->handle ?? [])
             ->all();
     }
 

From e42394ef321b204828254e3f02c4a5c730723b07 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 28 Nov 2023 12:35:35 -0500
Subject: [PATCH 064/209] Add method to get the data as collection

---
 src/Livewire/Concerns/HandlesSpam.php |  2 +-
 src/Livewire/Concerns/WithData.php    | 18 ++++++++++++------
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSpam.php b/src/Livewire/Concerns/HandlesSpam.php
index 3f145f2a..422c7889 100644
--- a/src/Livewire/Concerns/HandlesSpam.php
+++ b/src/Livewire/Concerns/HandlesSpam.php
@@ -16,7 +16,7 @@ public function honeypot(): Honeypot
 
     protected function handleSpam(): self
     {
-        $isSpam = collect($this->data)->has($this->honeypot->handle);
+        $isSpam = $this->data()->has($this->honeypot->handle);
 
         if ($isSpam) {
             throw new SilentFormFailureException();
diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
index b1067be0..6c49b928 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/WithData.php
@@ -2,6 +2,7 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Illuminate\Support\Collection;
 use Livewire\Attributes\Computed;
 use Livewire\Features\SupportFileUploads\TemporaryUploadedFile;
 
@@ -23,11 +24,9 @@ protected function defaultData(): array
             ->all();
     }
 
-    protected function captchaValue(): array
+    protected function data(): Collection
     {
-        return collect($this->data)
-            ->only($this->fields->getByType('captcha')->first()?->handle ?? [])
-            ->all();
+        return collect($this->data);
     }
 
     protected function set(string $key, mixed $value): self
@@ -42,9 +41,16 @@ protected function get(string $key): mixed
         return $this->data[$key] ?? null;
     }
 
+    protected function captchaValue(): array
+    {
+        return $this->data()
+            ->only($this->fields->getByType('captcha')->first()?->handle ?? [])
+            ->all();
+    }
+
     protected function normalizedDataForSubmission(): array
     {
-        return collect($this->data)->map(function ($value, $key) {
+        return $this->data()->map(function ($value, $key) {
             $field = $this->fields->get($key);
 
             // Return early if a field can't be found, else we'll run into errors with the below code.
@@ -63,7 +69,7 @@ protected function normalizedDataForSubmission(): array
 
     protected function temporaryUploadedFiles(): array
     {
-        return collect($this->data)
+        return $this->data()
             ->whereInstanceOf(TemporaryUploadedFile::class)
             ->all();
     }

From d706d8c7a432c432e8668124c2c5f1c53f74e33e Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 28 Nov 2023 12:35:56 -0500
Subject: [PATCH 065/209] Make `fieldsToSubmit` a regular array

---
 src/Livewire/Concerns/WithData.php   |  2 +-
 src/Livewire/Concerns/WithFields.php | 13 +++----------
 2 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
index 6c49b928..f2f6d4de 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/WithData.php
@@ -59,7 +59,7 @@ protected function normalizedDataForSubmission(): array
             }
 
             // Only keep values of fields that should be submitted, e.g. if 'always_save' is on.
-            if (! $this->fieldsToSubmit->get($field->handle)) {
+            if (! $this->fieldsToSubmit[$field->handle] ?? null) {
                 return null;
             }
 
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 039f8ab6..036168a3 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -3,20 +3,13 @@
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
 use Aerni\LivewireForms\Form\Fields;
-use Illuminate\Support\Collection;
 use Livewire\Attributes\Computed;
 use Livewire\Attributes\On;
 use Livewire\Attributes\Renderless;
 
 trait WithFields
 {
-    // TODO: Can we make this protected?
-    public Collection $fieldsToSubmit;
-
-    public function mountWithFields(): void
-    {
-        $this->fieldsToSubmit = collect();
-    }
+    public array $fieldsToSubmit = [];
 
     #[Computed]
     public function fields(): Fields
@@ -37,7 +30,7 @@ protected function hydratedFields(Fields $fields): void
     public function submitFieldValue(string $field, bool $passesConditions): void
     {
         $this->fields->get($field)->always_save
-            ? $this->fieldsToSubmit->put($field, true)
-            : $this->fieldsToSubmit->put($field, $passesConditions);
+            ? $this->fieldsToSubmit[$field] = true
+            : $this->fieldsToSubmit[$field] = $passesConditions;
     }
 }

From 7902460fab1c4e177ed043def55fe5d635f97c25 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 28 Nov 2023 12:53:10 -0500
Subject: [PATCH 066/209] Use a computed property for the component

---
 resources/views/dynamic-form.blade.php  |  2 +-
 src/Livewire/Concerns/WithComponent.php | 11 +++--------
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/resources/views/dynamic-form.blade.php b/resources/views/dynamic-form.blade.php
index 8584d1d6..64a9f1b5 100644
--- a/resources/views/dynamic-form.blade.php
+++ b/resources/views/dynamic-form.blade.php
@@ -1,3 +1,3 @@
 <div>
-    <livewire:dynamic-component :is="$component" :$handle :$view :$theme />
+    <livewire:dynamic-component :is="$this->component" :$handle :$view :$theme />
 </div>
diff --git a/src/Livewire/Concerns/WithComponent.php b/src/Livewire/Concerns/WithComponent.php
index 922661a6..56be1903 100644
--- a/src/Livewire/Concerns/WithComponent.php
+++ b/src/Livewire/Concerns/WithComponent.php
@@ -3,18 +3,13 @@
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
 use Illuminate\Support\Str;
+use Livewire\Attributes\Computed;
 use Livewire\Livewire;
 
 trait WithComponent
 {
-    public string $component;
-
-    public function mountWithComponent(): void
-    {
-        $this->component = $this->component();
-    }
-
-    protected function component(): string
+    #[Computed(true)]
+    public function component(): string
     {
         $component = Str::replace('_', '-', $this->handle).'-form';
 

From af5b1695a983ad27dd0f8ab29dba32ba9af977f3 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 28 Nov 2023 12:53:36 -0500
Subject: [PATCH 067/209] Increase security by locking public properties

---
 src/Livewire/Concerns/WithFields.php | 2 ++
 src/Livewire/Concerns/WithHandle.php | 2 ++
 src/Livewire/Concerns/WithTheme.php  | 3 +++
 src/Livewire/Concerns/WithView.php   | 3 +++
 4 files changed, 10 insertions(+)

diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 036168a3..c33e67a8 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -4,11 +4,13 @@
 
 use Aerni\LivewireForms\Form\Fields;
 use Livewire\Attributes\Computed;
+use Livewire\Attributes\Locked;
 use Livewire\Attributes\On;
 use Livewire\Attributes\Renderless;
 
 trait WithFields
 {
+    #[Locked]
     public array $fieldsToSubmit = [];
 
     #[Computed]
diff --git a/src/Livewire/Concerns/WithHandle.php b/src/Livewire/Concerns/WithHandle.php
index 46e470dc..ce46002f 100644
--- a/src/Livewire/Concerns/WithHandle.php
+++ b/src/Livewire/Concerns/WithHandle.php
@@ -3,9 +3,11 @@
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
 use Aerni\LivewireForms\Livewire\Form;
+use Livewire\Attributes\Locked;
 
 trait WithHandle
 {
+    #[Locked]
     public string $handle;
 
     public function mountWithHandle(): void
diff --git a/src/Livewire/Concerns/WithTheme.php b/src/Livewire/Concerns/WithTheme.php
index 08ecddfa..c8a37b9f 100644
--- a/src/Livewire/Concerns/WithTheme.php
+++ b/src/Livewire/Concerns/WithTheme.php
@@ -2,8 +2,11 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Livewire\Attributes\Locked;
+
 trait WithTheme
 {
+    #[Locked]
     public string $theme;
 
     public function mountWithTheme(): void
diff --git a/src/Livewire/Concerns/WithView.php b/src/Livewire/Concerns/WithView.php
index 84ceec33..fe691ac7 100644
--- a/src/Livewire/Concerns/WithView.php
+++ b/src/Livewire/Concerns/WithView.php
@@ -2,8 +2,11 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Livewire\Attributes\Locked;
+
 trait WithView
 {
+    #[Locked]
     public string $view;
 
     public function mountWithView(): void

From 6bd871bc03ebe7073e2514c2804b94ad8ef60fbb Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 28 Nov 2023 15:13:58 -0500
Subject: [PATCH 068/209] Use Laravel Prompts for commands

---
 composer.json                  |  1 +
 src/Commands/MakeComponent.php |  9 ++++++---
 src/Commands/MakeTheme.php     | 12 +++++++-----
 src/Commands/MakeView.php      | 12 +++++++-----
 src/Commands/Setup.php         |  3 ++-
 5 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/composer.json b/composer.json
index 197fdb3b..9e6542a6 100644
--- a/composer.json
+++ b/composer.json
@@ -20,6 +20,7 @@
         "php": "^8.1",
         "jonassiewertsen/statamic-livewire": "^3.0",
         "laravel/framework": "^10.0",
+        "laravel/prompts": "^0.1.13",
         "livewire/livewire": "^3.2",
         "statamic/cms": "^4.9"
     },
diff --git a/src/Commands/MakeComponent.php b/src/Commands/MakeComponent.php
index 62405e98..e1732382 100644
--- a/src/Commands/MakeComponent.php
+++ b/src/Commands/MakeComponent.php
@@ -5,6 +5,9 @@
 use Illuminate\Console\Command;
 use Illuminate\Support\Facades\File;
 use Illuminate\Support\Str;
+use function Laravel\Prompts\confirm;
+use function Laravel\Prompts\info;
+use function Laravel\Prompts\text;
 use Statamic\Console\RunsInPlease;
 
 class MakeComponent extends Command
@@ -17,7 +20,7 @@ class MakeComponent extends Command
 
     public function handle(): void
     {
-        $name = $this->argument('name') ?? $this->ask('What do you want to call the component?');
+        $name = $this->argument('name') ?? text(label: 'What do you want to name the component?', required: true);
         $name = Str::of($name)->endsWith('Form') ? $name : Str::of($name)->append('Form')->__toString();
         $filename = Str::studly($name);
 
@@ -25,10 +28,10 @@ public function handle(): void
         $stub = str_replace('DummyForm', $filename, $stub);
         $path = app_path("Livewire/{$filename}.php");
 
-        if (! File::exists($path) || $this->confirm("A component with the name <comment>$filename</comment> already exists. Do you want to overwrite it?")) {
+        if (! File::exists($path) || confirm(label: 'A component with this name already exists. Do you want to overwrite it?', default: false)) {
             File::ensureDirectoryExists(app_path('Livewire'));
             File::put($path, $stub);
-            $this->line("<info>[✓]</info> The component was successfully created: <comment>{$this->getRelativePath($path)}</comment>");
+            info("The component was successfully created: <comment>{$this->getRelativePath($path)}</comment>");
         }
     }
 
diff --git a/src/Commands/MakeTheme.php b/src/Commands/MakeTheme.php
index 414d0467..d08e9409 100644
--- a/src/Commands/MakeTheme.php
+++ b/src/Commands/MakeTheme.php
@@ -2,9 +2,11 @@
 
 namespace Aerni\LivewireForms\Commands;
 
-use Aerni\LivewireForms\Facades\Component;
 use Illuminate\Console\Command;
 use Illuminate\Support\Facades\File;
+use function Laravel\Prompts\confirm;
+use function Laravel\Prompts\info;
+use function Laravel\Prompts\text;
 use Statamic\Console\RunsInPlease;
 
 class MakeTheme extends Command
@@ -17,12 +19,12 @@ class MakeTheme extends Command
 
     public function handle(): void
     {
-        $theme = $this->argument('name') ?? $this->ask('What do you want to call the theme?', Component::defaultTheme());
-        $path = resource_path('views/vendor/livewire-forms/'.$theme);
+        $name = $this->argument('name') ?? text(label: 'What do you want to name the theme?', required: true);
+        $path = resource_path('views/vendor/livewire-forms/'.snake_case($name));
 
-        if (! File::exists($path) || $this->confirm("A theme with the name <comment>$theme</comment> already exists. Do you want to overwrite it?")) {
+        if (! File::exists($path) || confirm(label: 'A theme with this name already exists. Do you want to overwrite it?', default: false)) {
             File::copyDirectory(__DIR__.'/../../resources/views/default/', $path);
-            $this->line("<info>[✓]</info> The theme was successfully created: <comment>{$this->getRelativePath($path)}</comment>");
+            info("The theme was successfully created: <comment>{$this->getRelativePath($path)}</comment>");
         }
     }
 
diff --git a/src/Commands/MakeView.php b/src/Commands/MakeView.php
index af45a183..2c5710a6 100644
--- a/src/Commands/MakeView.php
+++ b/src/Commands/MakeView.php
@@ -2,9 +2,11 @@
 
 namespace Aerni\LivewireForms\Commands;
 
-use Aerni\LivewireForms\Facades\Component;
 use Illuminate\Console\Command;
 use Illuminate\Support\Facades\File;
+use function Laravel\Prompts\confirm;
+use function Laravel\Prompts\info;
+use function Laravel\Prompts\text;
 use Statamic\Console\RunsInPlease;
 
 class MakeView extends Command
@@ -17,15 +19,15 @@ class MakeView extends Command
 
     public function handle(): void
     {
-        $view = $this->argument('name') ?? $this->ask('What do you want to call the view?', Component::defaultView());
+        $name = $this->argument('name') ?? text(label: 'What do you want to name the view?', required: true);
         $stub = File::get(__DIR__.'/../../resources/views/default.blade.php');
-        $filename = "{$view}.blade.php";
+        $filename = str_slug($name).'.blade.php';
         $path = resource_path("views/vendor/livewire-forms/{$filename}");
 
-        if (! File::exists($path) || $this->confirm("A view with the name <comment>$filename</comment> already exists. Do you want to overwrite it?")) {
+        if (! File::exists($path) || confirm(label: 'A view with this name already exists. Do you want to overwrite it?', default: false)) {
             File::ensureDirectoryExists(resource_path('views/vendor/livewire-forms'));
             File::put($path, $stub);
-            $this->line("<info>[✓]</info> The view was successfully created: <comment>{$this->getRelativePath($path)}</comment>");
+            info("The view was successfully created: <comment>{$this->getRelativePath($path)}</comment>");
         }
     }
 
diff --git a/src/Commands/Setup.php b/src/Commands/Setup.php
index f2664a63..7f25db6f 100644
--- a/src/Commands/Setup.php
+++ b/src/Commands/Setup.php
@@ -3,6 +3,7 @@
 namespace Aerni\LivewireForms\Commands;
 
 use Illuminate\Console\Command;
+use function Laravel\Prompts\confirm;
 use Statamic\Console\RunsInPlease;
 
 class Setup extends Command
@@ -32,7 +33,7 @@ protected function makeTheme(): void
 
     protected function makeComponent(): void
     {
-        if ($this->confirm('Do you want to create a form component to customize the default behaviour?')) {
+        if (confirm(label: 'Do you want to create a form component to customize the default behaviour?')) {
             $this->call('livewire-forms:component');
         }
     }

From d59489850a402c07d02cc7cf4e41c0d55e244bba Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Tue, 28 Nov 2023 20:14:21 +0000
Subject: [PATCH 069/209] Fix styling

---
 src/Commands/MakeComponent.php | 3 ++-
 src/Commands/MakeTheme.php     | 3 ++-
 src/Commands/MakeView.php      | 3 ++-
 src/Commands/Setup.php         | 3 ++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/Commands/MakeComponent.php b/src/Commands/MakeComponent.php
index e1732382..af452c4e 100644
--- a/src/Commands/MakeComponent.php
+++ b/src/Commands/MakeComponent.php
@@ -5,10 +5,11 @@
 use Illuminate\Console\Command;
 use Illuminate\Support\Facades\File;
 use Illuminate\Support\Str;
+use Statamic\Console\RunsInPlease;
+
 use function Laravel\Prompts\confirm;
 use function Laravel\Prompts\info;
 use function Laravel\Prompts\text;
-use Statamic\Console\RunsInPlease;
 
 class MakeComponent extends Command
 {
diff --git a/src/Commands/MakeTheme.php b/src/Commands/MakeTheme.php
index d08e9409..640e5288 100644
--- a/src/Commands/MakeTheme.php
+++ b/src/Commands/MakeTheme.php
@@ -4,10 +4,11 @@
 
 use Illuminate\Console\Command;
 use Illuminate\Support\Facades\File;
+use Statamic\Console\RunsInPlease;
+
 use function Laravel\Prompts\confirm;
 use function Laravel\Prompts\info;
 use function Laravel\Prompts\text;
-use Statamic\Console\RunsInPlease;
 
 class MakeTheme extends Command
 {
diff --git a/src/Commands/MakeView.php b/src/Commands/MakeView.php
index 2c5710a6..a0aebe69 100644
--- a/src/Commands/MakeView.php
+++ b/src/Commands/MakeView.php
@@ -4,10 +4,11 @@
 
 use Illuminate\Console\Command;
 use Illuminate\Support\Facades\File;
+use Statamic\Console\RunsInPlease;
+
 use function Laravel\Prompts\confirm;
 use function Laravel\Prompts\info;
 use function Laravel\Prompts\text;
-use Statamic\Console\RunsInPlease;
 
 class MakeView extends Command
 {
diff --git a/src/Commands/Setup.php b/src/Commands/Setup.php
index 7f25db6f..96409a0b 100644
--- a/src/Commands/Setup.php
+++ b/src/Commands/Setup.php
@@ -3,9 +3,10 @@
 namespace Aerni\LivewireForms\Commands;
 
 use Illuminate\Console\Command;
-use function Laravel\Prompts\confirm;
 use Statamic\Console\RunsInPlease;
 
+use function Laravel\Prompts\confirm;
+
 class Setup extends Command
 {
     use RunsInPlease;

From 16b716f8c968ef2102f657ccaec3d72c724cd885 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 30 Nov 2023 18:49:13 -0500
Subject: [PATCH 070/209] Rename `file` field view to `assets`

---
 .../views/default/fields/{file.blade.php => assets.blade.php}   | 0
 src/Fields/Assets.php                                           | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename resources/views/default/fields/{file.blade.php => assets.blade.php} (100%)

diff --git a/resources/views/default/fields/file.blade.php b/resources/views/default/fields/assets.blade.php
similarity index 100%
rename from resources/views/default/fields/file.blade.php
rename to resources/views/default/fields/assets.blade.php
diff --git a/src/Fields/Assets.php b/src/Fields/Assets.php
index 628c59b3..0452a0e7 100644
--- a/src/Fields/Assets.php
+++ b/src/Fields/Assets.php
@@ -8,7 +8,7 @@ class Assets extends Field
 {
     use WithMultiple;
 
-    protected static string $view = 'file';
+    protected static string $view = 'assets';
 
     protected function multipleProperty(): bool
     {

From bc30e86da9875f07451212c72b757bb5af074016 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 30 Nov 2023 18:51:12 -0500
Subject: [PATCH 071/209] Rename `checkbox` field to `checkboxes`

---
 README.md                                                     | 2 +-
 config/livewire-forms.php                                     | 2 +-
 .../fields/{checkbox.blade.php => checkboxes.blade.php}       | 0
 src/Fields/{Checkbox.php => Checkboxes.php}                   | 4 ++--
 4 files changed, 4 insertions(+), 4 deletions(-)
 rename resources/views/default/fields/{checkbox.blade.php => checkboxes.blade.php} (100%)
 rename src/Fields/{Checkbox.php => Checkboxes.php} (92%)

diff --git a/README.md b/README.md
index a645845a..1c7dc535 100644
--- a/README.md
+++ b/README.md
@@ -65,7 +65,7 @@ return [
     'models' => [
         \Aerni\LivewireForms\Fieldtypes\Captcha::class => \Aerni\LivewireForms\Fields\Captcha::class,
         \Statamic\Fieldtypes\Assets\Assets::class => \Aerni\LivewireForms\Fields\Assets::class,
-        \Statamic\Fieldtypes\Checkboxes::class => \Aerni\LivewireForms\Fields\Checkbox::class,
+        \Statamic\Fieldtypes\Checkboxes::class => \Aerni\LivewireForms\Fields\Checkboxes::class,
         \Statamic\Fieldtypes\Integer::class => \Aerni\LivewireForms\Fields\Integer::class,
         \Statamic\Fieldtypes\Radio::class => \Aerni\LivewireForms\Fields\Radio::class,
         \Statamic\Fieldtypes\Select::class => \Aerni\LivewireForms\Fields\Select::class,
diff --git a/config/livewire-forms.php b/config/livewire-forms.php
index 5a67e57f..c38017d3 100644
--- a/config/livewire-forms.php
+++ b/config/livewire-forms.php
@@ -36,7 +36,7 @@
     'models' => [
         \Aerni\LivewireForms\Fieldtypes\Captcha::class => \Aerni\LivewireForms\Fields\Captcha::class,
         \Statamic\Fieldtypes\Assets\Assets::class => \Aerni\LivewireForms\Fields\Assets::class,
-        \Statamic\Fieldtypes\Checkboxes::class => \Aerni\LivewireForms\Fields\Checkbox::class,
+        \Statamic\Fieldtypes\Checkboxes::class => \Aerni\LivewireForms\Fields\Checkboxes::class,
         \Statamic\Fieldtypes\Hidden::class => \Aerni\LivewireForms\Fields\Hidden::class,
         \Statamic\Fieldtypes\Integer::class => \Aerni\LivewireForms\Fields\Integer::class,
         \Statamic\Fieldtypes\Radio::class => \Aerni\LivewireForms\Fields\Radio::class,
diff --git a/resources/views/default/fields/checkbox.blade.php b/resources/views/default/fields/checkboxes.blade.php
similarity index 100%
rename from resources/views/default/fields/checkbox.blade.php
rename to resources/views/default/fields/checkboxes.blade.php
diff --git a/src/Fields/Checkbox.php b/src/Fields/Checkboxes.php
similarity index 92%
rename from src/Fields/Checkbox.php
rename to src/Fields/Checkboxes.php
index 64861caa..e9f82113 100644
--- a/src/Fields/Checkbox.php
+++ b/src/Fields/Checkboxes.php
@@ -5,12 +5,12 @@
 use Aerni\LivewireForms\Fields\Properties\WithInline;
 use Aerni\LivewireForms\Fields\Properties\WithOptions;
 
-class Checkbox extends Field
+class Checkboxes extends Field
 {
     use WithInline;
     use WithOptions;
 
-    protected static string $view = 'checkbox';
+    protected static string $view = 'checkboxes';
 
     protected function defaultProperty(): string|array|null
     {

From 21a7529cd2d2b35d508dfea5a06c08749d8e1269 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 30 Nov 2023 18:54:20 -0500
Subject: [PATCH 072/209] Rename `input` field to `default`

---
 README.md                                                     | 4 ++--
 .../default/fields/{input.blade.php => default.blade.php}     | 0
 src/Fields/Hidden.php                                         | 2 +-
 src/Fields/Integer.php                                        | 2 +-
 src/Fields/Text.php                                           | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)
 rename resources/views/default/fields/{input.blade.php => default.blade.php} (100%)

diff --git a/README.md b/README.md
index 1c7dc535..d8a7a498 100644
--- a/README.md
+++ b/README.md
@@ -470,11 +470,11 @@ There are a couple of configuration options for your form fields:
 
 | Parameter       | Type                                    | Supported by                   | Description                                                                                                                            |
 | :-------------- | :-------------------------------------- | :----------------------------- | :------------------------------------------------------------------------------------------------------------------------------------- |
-| `autocomplete`  | `string`                                | `input`, `textarea`, `select`  | Set the field's [autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) attribute. Defaults to `on`. |
+| `autocomplete`  | `string`                                | `default`, `textarea`, `select`  | Set the field's [autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) attribute. Defaults to `on`. |
 | `cast_booleans` | `boolean`                               | `radio`, `select`              | String values of `true` and `false` will be saved as booleans. |
 | `default`       | `array`, `boolean`, `integer`, `string` | All fieldtypes except `assets` | Set the field's default value |
 | `inline`        | `boolean`                               | `checkboxes`, `radio`          | Set to `true` to display the fields inline |
-| `placeholder`   | `string`                                | `input`, `textarea`            | Set the field's placeholder value |
+| `placeholder`   | `string`                                | `default`, `textarea`            | Set the field's placeholder value |
 | `show_label`    | `boolean`                               | All fieldtypes                 | Set to `false` to hide the field's label and instructions. |
 | `width`         | `integer`                               | All fieldtypes                 | Set the desired width of the field. |
 | `wire_model`    | `string`                                | All fieldtypes                 | Customize `wire:model`, e.g. `wire_model: live.debounce.150ms`. |
diff --git a/resources/views/default/fields/input.blade.php b/resources/views/default/fields/default.blade.php
similarity index 100%
rename from resources/views/default/fields/input.blade.php
rename to resources/views/default/fields/default.blade.php
diff --git a/src/Fields/Hidden.php b/src/Fields/Hidden.php
index b208dfa7..00f3a767 100644
--- a/src/Fields/Hidden.php
+++ b/src/Fields/Hidden.php
@@ -4,5 +4,5 @@
 
 class Hidden extends Field
 {
-    protected static string $view = 'input';
+    protected static string $view = 'default';
 }
diff --git a/src/Fields/Integer.php b/src/Fields/Integer.php
index 59382a50..deed8acc 100644
--- a/src/Fields/Integer.php
+++ b/src/Fields/Integer.php
@@ -12,7 +12,7 @@ class Integer extends Field
     use WithInputType;
     use WithPlaceholder;
 
-    protected static string $view = 'input';
+    protected static string $view = 'default';
 
     protected function inputTypeProperty(): string
     {
diff --git a/src/Fields/Text.php b/src/Fields/Text.php
index 9bd2c991..b46f7dea 100644
--- a/src/Fields/Text.php
+++ b/src/Fields/Text.php
@@ -12,7 +12,7 @@ class Text extends Field
     use WithInputType;
     use WithPlaceholder;
 
-    protected static string $view = 'input';
+    protected static string $view = 'default';
 
     protected function hiddenProperty(): bool
     {

From 7fe1000042691213443494d636b08db9e9217752 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 30 Nov 2023 18:58:53 -0500
Subject: [PATCH 073/209] Remove unused classes

---
 src/Facades/View.php      | 13 ---------
 src/Traits/WithConfig.php | 61 ---------------------------------------
 2 files changed, 74 deletions(-)
 delete mode 100644 src/Facades/View.php
 delete mode 100644 src/Traits/WithConfig.php

diff --git a/src/Facades/View.php b/src/Facades/View.php
deleted file mode 100644
index 380c0a67..00000000
--- a/src/Facades/View.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Facades;
-
-use Illuminate\Support\Facades\Facade;
-
-class View extends Facade
-{
-    protected static function getFacadeAccessor()
-    {
-        return \Aerni\LivewireForms\Form\View::class;
-    }
-}
diff --git a/src/Traits/WithConfig.php b/src/Traits/WithConfig.php
deleted file mode 100644
index cd1cf454..00000000
--- a/src/Traits/WithConfig.php
+++ /dev/null
@@ -1,61 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Traits;
-
-use Illuminate\Support\Arr;
-
-trait WithConfig
-{
-    protected array $config = [];
-
-    public function config(array $config = null): array|self
-    {
-        if (! $config) {
-            return $this->config;
-        }
-
-        $this->config = $config;
-
-        return $this;
-    }
-
-    public function merge(array $config): self
-    {
-        array_merge($this->config, $config);
-
-        return $this;
-    }
-
-    public function get(string $key): mixed
-    {
-        return Arr::get($this->config, $key);
-    }
-
-    public function set(string $key, mixed $value): self
-    {
-        $this->config[$key] = $value;
-
-        return $this;
-    }
-
-    public function __get(string $key): mixed
-    {
-        return Arr::get($this->config, $key);
-    }
-
-    public function __set(string $key, mixed $value): void
-    {
-        $this->config[$key] = $value;
-    }
-
-    public function __call(string $name, array $arguments): mixed
-    {
-        if (! $arguments) {
-            return Arr::get($this->config, $name);
-        }
-
-        $this->config[$name] = $arguments[0];
-
-        return $this;
-    }
-}

From ef3d6c97a91bf8208badce8393ec9e546c526961 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 9 Dec 2023 12:37:36 -0500
Subject: [PATCH 074/209] Consolidate component code into master trait

---
 resources/stubs/DummyForm.php                 | 17 ++-----
 src/Livewire/Concerns/RendersView.php         | 13 ++++++
 src/Livewire/Concerns/SubmitsForm.php         | 24 ++++++++++
 src/Livewire/Concerns/WithData.php            |  3 ++
 src/Livewire/Concerns/WithHandle.php          |  3 +-
 .../Concerns/WithStatamicFormBuilder.php      | 18 ++++++++
 src/Livewire/DynamicForm.php                  |  4 +-
 src/Livewire/Form.php                         | 46 +------------------
 8 files changed, 67 insertions(+), 61 deletions(-)
 create mode 100644 src/Livewire/Concerns/RendersView.php
 create mode 100644 src/Livewire/Concerns/SubmitsForm.php
 create mode 100644 src/Livewire/Concerns/WithStatamicFormBuilder.php

diff --git a/resources/stubs/DummyForm.php b/resources/stubs/DummyForm.php
index 9b417970..a0dabd8a 100644
--- a/resources/stubs/DummyForm.php
+++ b/resources/stubs/DummyForm.php
@@ -3,21 +3,12 @@
 namespace App\Livewire;
 
 use Aerni\LivewireForms\Form\Fields;
-use Aerni\LivewireForms\Livewire\Form;
+use Aerni\LivewireForms\Livewire\Concerns\WithStatamicFormBuilder;
+use Livewire\Component;
 
-class DummyForm extends Form
+class DummyForm extends Component
 {
-    /*
-    |--------------------------------------------------------------------------
-    | Initialize Properties
-    |--------------------------------------------------------------------------
-    |
-    | You may override the form's view and theme.
-    |
-    */
-
-    // protected static $VIEW = 'default';
-    // protected static $THEME = 'default';
+    use WithStatamicFormBuilder;
 
     /*
     |--------------------------------------------------------------------------
diff --git a/src/Livewire/Concerns/RendersView.php b/src/Livewire/Concerns/RendersView.php
new file mode 100644
index 00000000..742e383f
--- /dev/null
+++ b/src/Livewire/Concerns/RendersView.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+use Illuminate\Contracts\View\View;
+
+trait RendersView
+{
+    public function render(): View
+    {
+        return view("livewire-forms::{$this->view}");
+    }
+}
diff --git a/src/Livewire/Concerns/SubmitsForm.php b/src/Livewire/Concerns/SubmitsForm.php
new file mode 100644
index 00000000..081464b2
--- /dev/null
+++ b/src/Livewire/Concerns/SubmitsForm.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+use Statamic\Exceptions\SilentFormFailureException;
+
+trait SubmitsForm
+{
+    use HandlesSpam;
+    use HandlesSubmission;
+    use HandlesSuccess;
+    use HandlesValidation;
+
+    public function submit(): void
+    {
+        $this->validate();
+
+        try {
+            $this->handleSpam()->handleSubmission()->handleSuccess();
+        } catch (SilentFormFailureException) {
+            $this->handleSuccess();
+        }
+    }
+}
diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
index f2f6d4de..c18d540c 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/WithData.php
@@ -5,9 +5,12 @@
 use Illuminate\Support\Collection;
 use Livewire\Attributes\Computed;
 use Livewire\Features\SupportFileUploads\TemporaryUploadedFile;
+use Livewire\WithFileUploads;
 
 trait WithData
 {
+    use WithFileUploads;
+
     public array $data = [];
 
     public function mountWithData(): void
diff --git a/src/Livewire/Concerns/WithHandle.php b/src/Livewire/Concerns/WithHandle.php
index ce46002f..3f84988d 100644
--- a/src/Livewire/Concerns/WithHandle.php
+++ b/src/Livewire/Concerns/WithHandle.php
@@ -2,7 +2,6 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Aerni\LivewireForms\Livewire\Form;
 use Livewire\Attributes\Locked;
 
 trait WithHandle
@@ -23,7 +22,7 @@ protected function handle(): string
         }
 
         // Get the handle from the name of the component, e.g. 'contact-us-form' will load the 'contact_us' form.
-        if ($this instanceof Form) {
+        if (in_array(WithStatamicFormBuilder::class, class_uses($this))) {
             return str($this->getName())->beforeLast('-form')->replace('-', '_');
         }
 
diff --git a/src/Livewire/Concerns/WithStatamicFormBuilder.php b/src/Livewire/Concerns/WithStatamicFormBuilder.php
new file mode 100644
index 00000000..6b5cc83a
--- /dev/null
+++ b/src/Livewire/Concerns/WithStatamicFormBuilder.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+trait WithStatamicFormBuilder
+{
+    use WithHandle;
+    use WithTheme;
+    use WithView;
+
+    use WithData;
+    use WithFields;
+    use WithForm;
+    use WithMessages;
+    use WithModels;
+    use RendersView;
+    use SubmitsForm;
+}
diff --git a/src/Livewire/DynamicForm.php b/src/Livewire/DynamicForm.php
index d81827ee..94d2a651 100644
--- a/src/Livewire/DynamicForm.php
+++ b/src/Livewire/DynamicForm.php
@@ -11,10 +11,10 @@
 
 class DynamicForm extends Component
 {
-    use WithHandle;
     use WithComponent;
-    use WithView;
+    use WithHandle;
     use WithTheme;
+    use WithView;
 
     public function render(): View
     {
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index ff3cf1ab..5e82c7cf 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -2,52 +2,10 @@
 
 namespace Aerni\LivewireForms\Livewire;
 
-use Aerni\LivewireForms\Livewire\Concerns\HandlesSpam;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesSubmission;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesSuccess;
-use Aerni\LivewireForms\Livewire\Concerns\HandlesValidation;
-use Aerni\LivewireForms\Livewire\Concerns\WithData;
-use Aerni\LivewireForms\Livewire\Concerns\WithFields;
-use Aerni\LivewireForms\Livewire\Concerns\WithForm;
-use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
-use Aerni\LivewireForms\Livewire\Concerns\WithMessages;
-use Aerni\LivewireForms\Livewire\Concerns\WithModels;
-use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
-use Aerni\LivewireForms\Livewire\Concerns\WithView;
-use Illuminate\Contracts\View\View;
+use Aerni\LivewireForms\Livewire\Concerns\WithStatamicFormBuilder;
 use Livewire\Component;
-use Livewire\WithFileUploads;
-use Statamic\Exceptions\SilentFormFailureException;
 
 class Form extends Component
 {
-    use WithHandle;
-    use WithView;
-    use WithTheme;
-    use WithForm;
-    use WithModels;
-    use WithFields;
-    use WithData;
-    use HandlesValidation;
-    use HandlesSpam;
-    use HandlesSubmission;
-    use HandlesSuccess;
-    use WithFileUploads;
-    use WithMessages;
-
-    public function render(): View
-    {
-        return view("livewire-forms::{$this->view}");
-    }
-
-    public function submit(): void
-    {
-        $this->validate();
-
-        try {
-            $this->handleSpam()->handleSubmission()->handleSuccess();
-        } catch (SilentFormFailureException) {
-            $this->handleSuccess();
-        }
-    }
+    use WithStatamicFormBuilder;
 }

From 5c64ab5d16db71ef2e170270967f0b636775f269 Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Sat, 9 Dec 2023 17:55:34 +0000
Subject: [PATCH 075/209] Fix styling

---
 src/Form/Fields.php                               | 2 +-
 src/Livewire/Concerns/WithStatamicFormBuilder.php | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index c3ac0263..b9f2c907 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -26,7 +26,7 @@ public static function make(StatamicForm $form, string $id): self
         return new static($form, $id);
     }
 
-    public function models(array $models = null): Collection|self
+    public function models(?array $models = null): Collection|self
     {
         if (is_null($models)) {
             return Models::all();
diff --git a/src/Livewire/Concerns/WithStatamicFormBuilder.php b/src/Livewire/Concerns/WithStatamicFormBuilder.php
index 6b5cc83a..2f42f0bb 100644
--- a/src/Livewire/Concerns/WithStatamicFormBuilder.php
+++ b/src/Livewire/Concerns/WithStatamicFormBuilder.php
@@ -7,7 +7,6 @@ trait WithStatamicFormBuilder
     use WithHandle;
     use WithTheme;
     use WithView;
-
     use WithData;
     use WithFields;
     use WithForm;

From 65a913f7da5c9b6689785672e13ad430379c6554 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 9 Dec 2023 13:18:40 -0500
Subject: [PATCH 076/209] No need to use alias

---
 src/Form/Fields.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index b9f2c907..2f5c281a 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -8,7 +8,7 @@
 use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
 use Statamic\Fields\Section;
-use Statamic\Forms\Form as StatamicForm;
+use Statamic\Forms\Form;
 
 class Fields
 {
@@ -16,12 +16,12 @@ class Fields
 
     protected $hydratedCallbacks = [];
 
-    public function __construct(protected StatamicForm $form, protected string $id)
+    public function __construct(protected Form $form, protected string $id)
     {
         //
     }
 
-    public static function make(StatamicForm $form, string $id): self
+    public static function make(Form $form, string $id): self
     {
         return new static($form, $id);
     }

From 46ad00f33f464dec4fa05f251810bbac6071e3d8 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 9 Dec 2023 13:19:10 -0500
Subject: [PATCH 077/209] No need to use static property for view

---
 src/Fields/Assets.php              | 2 +-
 src/Fields/Captcha.php             | 2 +-
 src/Fields/Checkboxes.php          | 2 +-
 src/Fields/Hidden.php              | 2 +-
 src/Fields/Honeypot.php            | 2 +-
 src/Fields/Integer.php             | 2 +-
 src/Fields/Properties/WithView.php | 6 +++---
 src/Fields/Radio.php               | 2 +-
 src/Fields/Select.php              | 2 +-
 src/Fields/Spacer.php              | 2 +-
 src/Fields/Text.php                | 2 +-
 src/Fields/Textarea.php            | 2 +-
 src/Fields/Toggle.php              | 2 +-
 13 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/Fields/Assets.php b/src/Fields/Assets.php
index 0452a0e7..78f5dad9 100644
--- a/src/Fields/Assets.php
+++ b/src/Fields/Assets.php
@@ -8,7 +8,7 @@ class Assets extends Field
 {
     use WithMultiple;
 
-    protected static string $view = 'assets';
+    protected string $view = 'assets';
 
     protected function multipleProperty(): bool
     {
diff --git a/src/Fields/Captcha.php b/src/Fields/Captcha.php
index 4dbc8e73..252111b2 100644
--- a/src/Fields/Captcha.php
+++ b/src/Fields/Captcha.php
@@ -4,7 +4,7 @@
 
 class Captcha extends Field
 {
-    protected static string $view = 'captcha';
+    protected string $view = 'captcha';
 
     public function process(mixed $value): mixed
     {
diff --git a/src/Fields/Checkboxes.php b/src/Fields/Checkboxes.php
index e9f82113..a7d37649 100644
--- a/src/Fields/Checkboxes.php
+++ b/src/Fields/Checkboxes.php
@@ -10,7 +10,7 @@ class Checkboxes extends Field
     use WithInline;
     use WithOptions;
 
-    protected static string $view = 'checkboxes';
+    protected string $view = 'checkboxes';
 
     protected function defaultProperty(): string|array|null
     {
diff --git a/src/Fields/Hidden.php b/src/Fields/Hidden.php
index 00f3a767..b0511be7 100644
--- a/src/Fields/Hidden.php
+++ b/src/Fields/Hidden.php
@@ -4,5 +4,5 @@
 
 class Hidden extends Field
 {
-    protected static string $view = 'default';
+    protected string $view = 'default';
 }
diff --git a/src/Fields/Honeypot.php b/src/Fields/Honeypot.php
index 1fea190f..6d22ed91 100644
--- a/src/Fields/Honeypot.php
+++ b/src/Fields/Honeypot.php
@@ -4,5 +4,5 @@
 
 class Honeypot extends Field
 {
-    protected static string $view = 'honeypot';
+    protected string $view = 'honeypot';
 }
diff --git a/src/Fields/Integer.php b/src/Fields/Integer.php
index deed8acc..ed37ee6c 100644
--- a/src/Fields/Integer.php
+++ b/src/Fields/Integer.php
@@ -12,7 +12,7 @@ class Integer extends Field
     use WithInputType;
     use WithPlaceholder;
 
-    protected static string $view = 'default';
+    protected string $view = 'default';
 
     protected function inputTypeProperty(): string
     {
diff --git a/src/Fields/Properties/WithView.php b/src/Fields/Properties/WithView.php
index c86befb7..f64e8ba7 100644
--- a/src/Fields/Properties/WithView.php
+++ b/src/Fields/Properties/WithView.php
@@ -8,15 +8,15 @@ protected function viewProperty(): string
     {
         // Try to load a user-defined view first.
         if ($this->field->get('view')) {
-            return 'fields.'.$this->field->get('view');
+            return "fields.{$this->field->get('view')}";
         }
 
         // Try to autoload the view by field handle.
         if (view()->exists("livewire-forms::fields.{$this->handle}")) {
-            return 'fields.'.$this->handle;
+            return "fields.{$this->handle}";
         }
 
         // Fall back to the default field view.
-        return 'fields.'.static::$view;
+        return "fields.{$this->view}";
     }
 }
diff --git a/src/Fields/Radio.php b/src/Fields/Radio.php
index 87611ba2..47bcff34 100644
--- a/src/Fields/Radio.php
+++ b/src/Fields/Radio.php
@@ -12,7 +12,7 @@ class Radio extends Field
     use WithInline;
     use WithOptions;
 
-    protected static string $view = 'radio';
+    protected string $view = 'radio';
 
     protected function defaultProperty(): ?string
     {
diff --git a/src/Fields/Select.php b/src/Fields/Select.php
index 38d60cee..c5db9cab 100644
--- a/src/Fields/Select.php
+++ b/src/Fields/Select.php
@@ -16,7 +16,7 @@ class Select extends Field
     use WithOptions;
     use WithPlaceholder;
 
-    protected static string $view = 'select';
+    protected string $view = 'select';
 
     protected function defaultProperty(): string|array|null
     {
diff --git a/src/Fields/Spacer.php b/src/Fields/Spacer.php
index b3886b46..26450d5f 100644
--- a/src/Fields/Spacer.php
+++ b/src/Fields/Spacer.php
@@ -4,5 +4,5 @@
 
 class Spacer extends Field
 {
-    protected static string $view = 'spacer';
+    protected string $view = 'spacer';
 }
diff --git a/src/Fields/Text.php b/src/Fields/Text.php
index b46f7dea..12032f46 100644
--- a/src/Fields/Text.php
+++ b/src/Fields/Text.php
@@ -12,7 +12,7 @@ class Text extends Field
     use WithInputType;
     use WithPlaceholder;
 
-    protected static string $view = 'default';
+    protected string $view = 'default';
 
     protected function hiddenProperty(): bool
     {
diff --git a/src/Fields/Textarea.php b/src/Fields/Textarea.php
index b3c5aca7..552d621a 100644
--- a/src/Fields/Textarea.php
+++ b/src/Fields/Textarea.php
@@ -12,5 +12,5 @@ class Textarea extends Field
     use WithPlaceholder;
     use WithRows;
 
-    protected static string $view = 'textarea';
+    protected string $view = 'textarea';
 }
diff --git a/src/Fields/Toggle.php b/src/Fields/Toggle.php
index 0f833c9b..fe101951 100644
--- a/src/Fields/Toggle.php
+++ b/src/Fields/Toggle.php
@@ -8,7 +8,7 @@ class Toggle extends Field
 {
     use WithInlineLabel;
 
-    protected static string $view = 'toggle';
+    protected string $view = 'toggle';
 
     protected function rulesProperty(): array
     {

From 5cc3509ab55d04226f205329c044aca6836efc17 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 9 Dec 2023 17:03:18 -0500
Subject: [PATCH 078/209] Move exceptions into their own classes

---
 src/Exceptions/FormNotFoundException.php   | 13 +++++++++++++
 src/Exceptions/HandleNotFoundException.php | 13 +++++++++++++
 src/Livewire/Concerns/WithForm.php         |  3 ++-
 src/Livewire/Concerns/WithHandle.php       |  3 ++-
 4 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 src/Exceptions/FormNotFoundException.php
 create mode 100644 src/Exceptions/HandleNotFoundException.php

diff --git a/src/Exceptions/FormNotFoundException.php b/src/Exceptions/FormNotFoundException.php
new file mode 100644
index 00000000..293fbe32
--- /dev/null
+++ b/src/Exceptions/FormNotFoundException.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace Aerni\LivewireForms\Exceptions;
+
+use Exception;
+
+class FormNotFoundException extends Exception
+{
+    public function __construct(protected string $handle)
+    {
+        parent::__construct("Form with handle [{$this->handle}] cannot be found.");
+    }
+}
diff --git a/src/Exceptions/HandleNotFoundException.php b/src/Exceptions/HandleNotFoundException.php
new file mode 100644
index 00000000..57902f6b
--- /dev/null
+++ b/src/Exceptions/HandleNotFoundException.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace Aerni\LivewireForms\Exceptions;
+
+use Exception;
+
+class HandleNotFoundException extends Exception
+{
+    public function __construct()
+    {
+        parent::__construct('You need to set the handle of the form you want to use.');
+    }
+}
diff --git a/src/Livewire/Concerns/WithForm.php b/src/Livewire/Concerns/WithForm.php
index f8d55e4b..049848a5 100644
--- a/src/Livewire/Concerns/WithForm.php
+++ b/src/Livewire/Concerns/WithForm.php
@@ -2,6 +2,7 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Aerni\LivewireForms\Exceptions\FormNotFoundException;
 use Livewire\Attributes\Computed;
 use Statamic\Facades\Form;
 
@@ -11,6 +12,6 @@ trait WithForm
     public function form(): \Statamic\Forms\Form
     {
         return Form::find($this->handle)
-            ?? throw new \Exception("Form with handle [{$this->handle}] cannot be found.");
+            ?? throw new FormNotFoundException($this->handle);
     }
 }
diff --git a/src/Livewire/Concerns/WithHandle.php b/src/Livewire/Concerns/WithHandle.php
index 3f84988d..d7fdbeb9 100644
--- a/src/Livewire/Concerns/WithHandle.php
+++ b/src/Livewire/Concerns/WithHandle.php
@@ -2,6 +2,7 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Aerni\LivewireForms\Exceptions\HandleNotFoundException;
 use Livewire\Attributes\Locked;
 
 trait WithHandle
@@ -26,6 +27,6 @@ protected function handle(): string
             return str($this->getName())->beforeLast('-form')->replace('-', '_');
         }
 
-        throw new \Exception('You need to set the handle of the form you want to use.');
+        throw new HandleNotFoundException();
     }
 }

From 85a9ffbcb7871336e656ef197d583bae46341914 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 9 Dec 2023 17:35:20 -0500
Subject: [PATCH 079/209] Update dummy component

---
 resources/stubs/DummyForm.php | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/resources/stubs/DummyForm.php b/resources/stubs/DummyForm.php
index a0dabd8a..1094d79d 100644
--- a/resources/stubs/DummyForm.php
+++ b/resources/stubs/DummyForm.php
@@ -10,6 +10,23 @@ class DummyForm extends Component
 {
     use WithStatamicFormBuilder;
 
+    /*
+    |--------------------------------------------------------------------------
+    | Initializing Properties
+    |--------------------------------------------------------------------------
+    |
+    | You may assign the public properties in the mount instead of passing them
+    | to the component in the view.
+    |
+    */
+
+    // public function mount(): void
+    // {
+    //     $this->handle = 'contact';
+    //     $this->theme = 'secondary';
+    //     $this->view = 'default';
+    // }
+
     /*
     |--------------------------------------------------------------------------
     | Field Models

From edb720ed1c5c911fb5d32b08df237c7acb4ad6c9 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sun, 10 Dec 2023 11:55:56 -0500
Subject: [PATCH 080/209] Import models trait in related trait

---
 src/Livewire/Concerns/WithFields.php              | 2 ++
 src/Livewire/Concerns/WithStatamicFormBuilder.php | 1 -
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index c33e67a8..9ea44e35 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -10,6 +10,8 @@
 
 trait WithFields
 {
+    use WithModels;
+
     #[Locked]
     public array $fieldsToSubmit = [];
 
diff --git a/src/Livewire/Concerns/WithStatamicFormBuilder.php b/src/Livewire/Concerns/WithStatamicFormBuilder.php
index 2f42f0bb..dfa337df 100644
--- a/src/Livewire/Concerns/WithStatamicFormBuilder.php
+++ b/src/Livewire/Concerns/WithStatamicFormBuilder.php
@@ -11,7 +11,6 @@ trait WithStatamicFormBuilder
     use WithFields;
     use WithForm;
     use WithMessages;
-    use WithModels;
     use RendersView;
     use SubmitsForm;
 }

From 45f0d165f3110fcd05bd3a1abc6c4d3c1954cfe7 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sun, 10 Dec 2023 13:14:17 -0500
Subject: [PATCH 081/209] Ensure we are scoping models to each form

---
 src/Facades/Models.php | 13 -------------
 src/Form/Fields.php    |  8 +++++---
 src/Form/Models.php    | 32 --------------------------------
 3 files changed, 5 insertions(+), 48 deletions(-)
 delete mode 100644 src/Facades/Models.php
 delete mode 100644 src/Form/Models.php

diff --git a/src/Facades/Models.php b/src/Facades/Models.php
deleted file mode 100644
index 706e98c9..00000000
--- a/src/Facades/Models.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Facades;
-
-use Illuminate\Support\Facades\Facade;
-
-class Models extends Facade
-{
-    protected static function getFacadeAccessor()
-    {
-        return \Aerni\LivewireForms\Form\Models::class;
-    }
-}
diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index 2f5c281a..b33e4018 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -2,7 +2,6 @@
 
 namespace Aerni\LivewireForms\Form;
 
-use Aerni\LivewireForms\Facades\Models;
 use Aerni\LivewireForms\Fields\Field;
 use Aerni\LivewireForms\Fields\Honeypot;
 use Illuminate\Support\Collection;
@@ -13,6 +12,7 @@
 class Fields
 {
     protected Collection $fields;
+    protected Collection $models;
 
     protected $hydratedCallbacks = [];
 
@@ -28,11 +28,13 @@ public static function make(Form $form, string $id): self
 
     public function models(?array $models = null): Collection|self
     {
+        $defaultModels = collect(config('livewire-forms.models'));
+
         if (is_null($models)) {
-            return Models::all();
+            return $this->models ?? $defaultModels;
         }
 
-        Models::register($models);
+        $this->models = $defaultModels->merge($models);
 
         return $this;
     }
diff --git a/src/Form/Models.php b/src/Form/Models.php
deleted file mode 100644
index 6ed0e299..00000000
--- a/src/Form/Models.php
+++ /dev/null
@@ -1,32 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Form;
-
-use Illuminate\Support\Collection;
-
-class Models
-{
-    protected Collection $models;
-
-    public function __construct()
-    {
-        $this->models = collect(config('livewire-forms.models', []));
-    }
-
-    public function all(): Collection
-    {
-        return $this->models;
-    }
-
-    public function get(string $key): ?string
-    {
-        return $this->models->get($key);
-    }
-
-    public function register(array $models): self
-    {
-        $this->models = $this->models->merge($models);
-
-        return $this;
-    }
-}

From 27e99fff606fb266b2f6b9aeba2697a77207c588 Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Sun, 10 Dec 2023 18:14:54 +0000
Subject: [PATCH 082/209] Fix styling

---
 src/Form/Fields.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index b33e4018..99a5be3b 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -12,6 +12,7 @@
 class Fields
 {
     protected Collection $fields;
+
     protected Collection $models;
 
     protected $hydratedCallbacks = [];

From 7d3bcd1da6463227957e9f8dfd903fed86378442 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sun, 10 Dec 2023 20:55:09 -0500
Subject: [PATCH 083/209] wip

---
 resources/views/default.blade.php         |  3 ++
 src/Fields/Field.php                      | 16 +++++++-
 src/Form/Fields.php                       | 13 ++++++
 src/Livewire/Concerns/SubmitsForm.php     |  1 +
 src/Livewire/Concerns/WithFields.php      | 28 ++++++++++++-
 src/Livewire/Concerns/WithModels.php      |  5 ++-
 src/Livewire/Synthesizers/FieldsSynth.php | 48 +++++++++++++++++++++++
 src/ServiceProvider.php                   | 17 +++++---
 8 files changed, 122 insertions(+), 9 deletions(-)
 create mode 100644 src/Livewire/Synthesizers/FieldsSynth.php

diff --git a/resources/views/default.blade.php b/resources/views/default.blade.php
index c44d26a0..ef57724a 100644
--- a/resources/views/default.blade.php
+++ b/resources/views/default.blade.php
@@ -1,4 +1,7 @@
 <form wire:submit="submit" x-cloak>
+    {{-- <input type="text" wire:model.change="address.street"> --}}
+    <input type="text" wire:model.change="synthFields.values.first_name">
+    <input type="text" wire:model.change="synthFields.values.last_name">
     <div class="grid gap-y-16">
         @formView('layouts.sections')
         <div class="grid gap-y-4">
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 0a034ca5..e3d46f9f 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -38,9 +38,12 @@ abstract class Field
     use WithWidth;
     use WithWireModel;
 
+    protected mixed $value;
+
     public function __construct(protected StatamicField $field, protected string $id)
     {
-        //
+        // TODO: Can we move this initialization somewhere else?
+        $this->value = $this->default;
     }
 
     public static function make(StatamicField $field, string $id): self
@@ -72,6 +75,17 @@ public function process(mixed $value): mixed
         return $value;
     }
 
+    public function value(mixed $value = null): mixed
+    {
+        if (is_null($value)) {
+            return $this->value;
+        }
+
+        $this->value = $value;
+
+        return $this;
+    }
+
     protected function get(string $key): mixed
     {
         $method = collect(get_class_methods($this))
diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index 99a5be3b..ef96bc17 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -40,6 +40,17 @@ public function models(?array $models = null): Collection|self
         return $this;
     }
 
+    public function values(?array $values = null): array|self
+    {
+        if (is_null($values)) {
+            return $this->fields->map(fn ($field) => $field->value())->all();
+        }
+
+        collect($values)->each(fn ($value, $field) => $this->get($field)->value($value));
+
+        return $this;
+    }
+
     public function all(): Collection
     {
         return $this->fields;
@@ -92,6 +103,7 @@ public function hydrate(): self
         return $this->hydrateFields()->runHydratedCallbacks();
     }
 
+    // TODO: Can we get rid of this, now that we have a fieldsSynth?
     protected function runHydratedCallbacks(): self
     {
         foreach ($this->hydratedCallbacks as $callback) {
@@ -136,6 +148,7 @@ public function honeypot(): Honeypot
         );
     }
 
+    // TODO: Probably don't need this anymore as each field is setting its default value.
     public function defaultValues(): Collection
     {
         return $this->fields->mapWithKeys(fn ($field, $handle) => [$handle => $field->default]);
diff --git a/src/Livewire/Concerns/SubmitsForm.php b/src/Livewire/Concerns/SubmitsForm.php
index 081464b2..b8d61d30 100644
--- a/src/Livewire/Concerns/SubmitsForm.php
+++ b/src/Livewire/Concerns/SubmitsForm.php
@@ -13,6 +13,7 @@ trait SubmitsForm
 
     public function submit(): void
     {
+        dd($this->synthFields->values());
         $this->validate();
 
         try {
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 9ea44e35..72e9676a 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -12,9 +12,31 @@ trait WithFields
 {
     use WithModels;
 
+    public Fields $synthFields;
+
     #[Locked]
     public array $fieldsToSubmit = [];
 
+    public function mountWithFields()
+    {
+        $this->synthFields = Fields::make($this->form, $this->getId())
+            ->models($this->models)
+            ->hydrate();
+
+        $this->hydrateSynthFields($this->synthFields);
+    }
+
+    public function hydrateSynthFields(Fields $fields): void
+    {
+        //
+    }
+
+    public function updatedSynthFields()
+    {
+        $this->synthFields->get('first_name')->value('John');
+        ray($this->synthFields);
+    }
+
     #[Computed]
     public function fields(): Fields
     {
@@ -26,7 +48,11 @@ public function fields(): Fields
 
     protected function hydratedFields(Fields $fields): void
     {
-        //
+        // This is set before the component is first rendered. Resulting in no flash.
+        $this->set('first_name', 'John');
+        // $fields->get('first_name')->value('John');
+
+        // dd($fields);
     }
 
     #[Renderless]
diff --git a/src/Livewire/Concerns/WithModels.php b/src/Livewire/Concerns/WithModels.php
index 242ad670..89c8da60 100644
--- a/src/Livewire/Concerns/WithModels.php
+++ b/src/Livewire/Concerns/WithModels.php
@@ -2,7 +2,10 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Livewire\Attributes\Locked;
+
 trait WithModels
 {
-    protected array $models = [];
+    #[Locked]
+    public array $models = [];
 }
diff --git a/src/Livewire/Synthesizers/FieldsSynth.php b/src/Livewire/Synthesizers/FieldsSynth.php
new file mode 100644
index 00000000..3bcb8ebd
--- /dev/null
+++ b/src/Livewire/Synthesizers/FieldsSynth.php
@@ -0,0 +1,48 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Synthesizers;
+
+use Aerni\LivewireForms\Form\Fields;
+use Livewire\Mechanisms\HandleComponents\Synthesizers\Synth;
+use Statamic\Facades\Form;
+
+class FieldsSynth extends Synth
+{
+    public static $key = 'fields';
+
+    public static function match($target)
+    {
+        return $target instanceof Fields;
+    }
+
+    public function dehydrate($target)
+    {
+        return [
+            [
+                'handle' => $this->context->component->handle,
+                'id' => $this->context->component->getId(),
+                'models' => $this->context->component->models,
+                'values' => $target->values(),
+            ],
+            [],
+        ];
+    }
+
+    public function hydrate($value)
+    {
+        return Fields::make(Form::find($value['handle']), $value['id'])
+            ->models($value['models'])
+            ->hydrate()
+            ->values($value['values']);
+    }
+
+    public function get(&$target, $key)
+    {
+        return $target->values();
+    }
+
+    public function set(&$target, $key, $value)
+    {
+        $target->values($value);
+    }
+}
diff --git a/src/ServiceProvider.php b/src/ServiceProvider.php
index f258e523..e91afc0d 100644
--- a/src/ServiceProvider.php
+++ b/src/ServiceProvider.php
@@ -2,13 +2,15 @@
 
 namespace Aerni\LivewireForms;
 
-use Aerni\LivewireForms\Facades\Captcha;
-use Aerni\LivewireForms\Livewire\DynamicForm;
-use Aerni\LivewireForms\Livewire\Form;
+use Livewire\Livewire;
+use App\Dtos\AddressSynth;
 use Illuminate\Support\Facades\Blade;
+use Aerni\LivewireForms\Livewire\Form;
+use Aerni\LivewireForms\Facades\Captcha;
 use Illuminate\Support\Facades\Validator;
-use Livewire\Livewire;
 use Statamic\Providers\AddonServiceProvider;
+use Aerni\LivewireForms\Livewire\DynamicForm;
+use Aerni\LivewireForms\Livewire\Synthesizers\FieldsSynth;
 
 class ServiceProvider extends AddonServiceProvider
 {
@@ -29,7 +31,7 @@ public function bootAddon()
             ->registerTranslations()
             ->registerBladeDirectives()
             ->registerValidators()
-            ->registerLivewireComponents()
+            ->registerLivewire()
             ->registerSelectableFieldtypes();
     }
 
@@ -58,10 +60,13 @@ protected function registerValidators(): self
         return $this;
     }
 
-    protected function registerLivewireComponents(): self
+    protected function registerLivewire(): self
     {
         Livewire::component('form', DynamicForm::class);
         Livewire::component('default-form', Form::class);
+        Livewire::propertySynthesizer(FieldsSynth::class);
+        Livewire::propertySynthesizer(AddressSynth::class);
+
 
         return $this;
     }

From 3c30114c19ae9a0ad7f93e41751dec9d870b8036 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 11 Dec 2023 16:27:26 -0500
Subject: [PATCH 084/209] wip

---
 resources/views/default.blade.php             |   3 -
 .../views/default/layouts/field.blade.php     |   9 +-
 .../views/default/layouts/sections.blade.php  |   2 +-
 src/Fields/Assets.php                         |  11 +
 src/Fields/Captcha.php                        |   2 +-
 src/Fields/Field.php                          |  46 +++-
 src/Fields/Honeypot.php                       |   2 +
 src/Fields/Integer.php                        |   6 +-
 src/Fields/Properties/WithAlwaysSave.php      |  11 -
 src/Fields/Properties/WithKey.php             |   2 +-
 src/Fields/Text.php                           |  10 +-
 src/Form/Fields.php                           | 218 +++++++++---------
 src/Livewire/Concerns/HandlesSpam.php         |  17 +-
 src/Livewire/Concerns/HandlesSubmission.php   |  18 +-
 src/Livewire/Concerns/HandlesSuccess.php      |  11 +-
 src/Livewire/Concerns/HandlesValidation.php   |   8 +-
 src/Livewire/Concerns/SubmitsForm.php         |   1 -
 src/Livewire/Concerns/WithData.php            |  65 ++----
 src/Livewire/Concerns/WithFields-copy.php     |  60 +++++
 src/Livewire/Concerns/WithFields.php          |  86 ++++---
 src/Livewire/Concerns/WithModels.php          |  10 +-
 src/Livewire/Synthesizers/FieldSynth.php      |  54 +++++
 src/Livewire/Synthesizers/FieldsSynth.php     |  48 ----
 src/ServiceProvider.php                       |  15 +-
 24 files changed, 401 insertions(+), 314 deletions(-)
 delete mode 100644 src/Fields/Properties/WithAlwaysSave.php
 create mode 100644 src/Livewire/Concerns/WithFields-copy.php
 create mode 100644 src/Livewire/Synthesizers/FieldSynth.php
 delete mode 100644 src/Livewire/Synthesizers/FieldsSynth.php

diff --git a/resources/views/default.blade.php b/resources/views/default.blade.php
index ef57724a..c44d26a0 100644
--- a/resources/views/default.blade.php
+++ b/resources/views/default.blade.php
@@ -1,7 +1,4 @@
 <form wire:submit="submit" x-cloak>
-    {{-- <input type="text" wire:model.change="address.street"> --}}
-    <input type="text" wire:model.change="synthFields.values.first_name">
-    <input type="text" wire:model.change="synthFields.values.last_name">
     <div class="grid gap-y-16">
         @formView('layouts.sections')
         <div class="grid gap-y-4">
diff --git a/resources/views/default/layouts/field.blade.php b/resources/views/default/layouts/field.blade.php
index b02b5793..0632b8c6 100644
--- a/resources/views/default/layouts/field.blade.php
+++ b/resources/views/default/layouts/field.blade.php
@@ -1,10 +1,17 @@
 <div
     x-data="{
+        fields: $wire.$entangle('fields'),
         show() {
             return @json($field->hidden) ? false : this.passesConditions()
         },
         passesConditions() {
-            return Statamic.$conditions.showField({{ $field->conditions }}, $wire.data)
+            return Statamic.$conditions.showField({{ $field->conditions }}, this.values())
+        },
+        values() {
+            return Object.entries(this.fields).reduce((values, [key, field]) => {
+                values[key] = field.value
+                return values
+            }, {});
         },
     }"
     x-show="show"
diff --git a/resources/views/default/layouts/sections.blade.php b/resources/views/default/layouts/sections.blade.php
index 3c382498..f584afd5 100644
--- a/resources/views/default/layouts/sections.blade.php
+++ b/resources/views/default/layouts/sections.blade.php
@@ -1,5 +1,5 @@
 <div class="grid gap-y-16">
-    @foreach($this->fields->sections() as $section)
+    @foreach($this->sections() as $section)
         @formView('layouts.section')
     @endforeach
 </div>
diff --git a/src/Fields/Assets.php b/src/Fields/Assets.php
index 78f5dad9..3c3c2cfe 100644
--- a/src/Fields/Assets.php
+++ b/src/Fields/Assets.php
@@ -2,6 +2,8 @@
 
 namespace Aerni\LivewireForms\Fields;
 
+use Illuminate\Support\Arr;
+use Statamic\Forms\Uploaders\AssetsUploader;
 use Aerni\LivewireForms\Fields\Properties\WithMultiple;
 
 class Assets extends Field
@@ -10,6 +12,15 @@ class Assets extends Field
 
     protected string $view = 'assets';
 
+    public function process(): mixed
+    {
+        $value = parent::process();
+
+        return collect(Arr::wrap($value))
+            ->flatMap(fn ($file) => AssetsUploader::field($this->handle)->upload($file))
+            ->all();
+    }
+
     protected function multipleProperty(): bool
     {
         return $this->field->get('max_files') !== 1;
diff --git a/src/Fields/Captcha.php b/src/Fields/Captcha.php
index 252111b2..cf5675e5 100644
--- a/src/Fields/Captcha.php
+++ b/src/Fields/Captcha.php
@@ -6,7 +6,7 @@ class Captcha extends Field
 {
     protected string $view = 'captcha';
 
-    public function process(mixed $value): mixed
+    public function process(): mixed
     {
         return null;
     }
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index e3d46f9f..ee5d2831 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -17,12 +17,14 @@
 use Aerni\LivewireForms\Fields\Properties\WithView;
 use Aerni\LivewireForms\Fields\Properties\WithWidth;
 use Aerni\LivewireForms\Fields\Properties\WithWireModel;
+use Illuminate\Contracts\Support\Arrayable;
 use Statamic\Fields\Field as StatamicField;
 use Statamic\Support\Str;
+use Statamic\Support\Traits\FluentlyGetsAndSets;
 
-abstract class Field
+abstract class Field implements Arrayable
 {
-    use WithAlwaysSave;
+    use FluentlyGetsAndSets;
     use WithConditions;
     use WithDefault;
     use WithHandle;
@@ -38,11 +40,12 @@ abstract class Field
     use WithWidth;
     use WithWireModel;
 
+    protected bool $submittable = true;
+
     protected mixed $value;
 
     public function __construct(protected StatamicField $field, protected string $id)
     {
-        // TODO: Can we move this initialization somewhere else?
         $this->value = $this->default;
     }
 
@@ -66,24 +69,43 @@ public function validationAttributes(): array
         return [$this->key => $this->label];
     }
 
-    public function process(mixed $value): mixed
+    public function process(): mixed
     {
-        if ($this->cast_booleans && in_array($value, ['true', 'false'])) {
-            return Str::toBool($value);
+        if (! $this->submittable()) {
+            return null;
+        }
+
+        if ($this->cast_booleans && in_array($this->value, ['true', 'false'])) {
+            return Str::toBool($this->value);
         }
 
-        return $value;
+        return $this->value;
     }
 
     public function value(mixed $value = null): mixed
     {
-        if (is_null($value)) {
-            return $this->value;
-        }
+        return $this->fluentlyGetOrSet('value')->args(func_get_args());
+    }
 
-        $this->value = $value;
+    public function submittable(bool $submittable = null): bool|self
+    {
+        return $this->fluentlyGetOrSet('submittable')
+            ->getter(function ($submittable) {
+                return $this->field->get('always_save')
+                    ? true : $submittable;
+            })
+            ->args(func_get_args());
+    }
 
-        return $this;
+    public function toArray(): array
+    {
+        return [
+            'id' => $this->id,
+            'handle' => $this->field->handle(),
+            'config' => $this->field->config(),
+            'value' => $this->value(),
+            'submittable' => $this->submittable(),
+        ];
     }
 
     protected function get(string $key): mixed
diff --git a/src/Fields/Honeypot.php b/src/Fields/Honeypot.php
index 6d22ed91..f3e40c9d 100644
--- a/src/Fields/Honeypot.php
+++ b/src/Fields/Honeypot.php
@@ -5,4 +5,6 @@
 class Honeypot extends Field
 {
     protected string $view = 'honeypot';
+
+    protected bool $submittable = false;
 }
diff --git a/src/Fields/Integer.php b/src/Fields/Integer.php
index ed37ee6c..40ffdf99 100644
--- a/src/Fields/Integer.php
+++ b/src/Fields/Integer.php
@@ -19,8 +19,10 @@ protected function inputTypeProperty(): string
         return 'number';
     }
 
-    public function process(mixed $value): mixed
+    public function process(): mixed
     {
-        return is_null($value) ? null : (int) $value;
+        $value = parent::process();
+
+        return is_null($$value) ? null : (int) $$value;
     }
 }
diff --git a/src/Fields/Properties/WithAlwaysSave.php b/src/Fields/Properties/WithAlwaysSave.php
deleted file mode 100644
index c929f077..00000000
--- a/src/Fields/Properties/WithAlwaysSave.php
+++ /dev/null
@@ -1,11 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Fields\Properties;
-
-trait WithAlwaysSave
-{
-    protected function alwaysSaveProperty(): bool
-    {
-        return $this->field->get('always_save', false);
-    }
-}
diff --git a/src/Fields/Properties/WithKey.php b/src/Fields/Properties/WithKey.php
index a1512329..0dd9c8c4 100644
--- a/src/Fields/Properties/WithKey.php
+++ b/src/Fields/Properties/WithKey.php
@@ -6,6 +6,6 @@ trait WithKey
 {
     protected function keyProperty(): string
     {
-        return "data.{$this->handle()}";
+        return "fields.{$this->handle()}.value";
     }
 }
diff --git a/src/Fields/Text.php b/src/Fields/Text.php
index 12032f46..f6ce901a 100644
--- a/src/Fields/Text.php
+++ b/src/Fields/Text.php
@@ -21,12 +21,14 @@ protected function hiddenProperty(): bool
             : parent::hiddenProperty();
     }
 
-    public function process(mixed $value): mixed
+    public function process(): mixed
     {
-        if ($this->input_type !== 'number') {
-            return $value;
+        $value = parent::process();
+
+        if ($this->input_type === 'number') {
+            return is_null($value) ? null : (int) $value;
         }
 
-        return is_null($value) ? null : (int) $value;
+        return $value;
     }
 }
diff --git a/src/Form/Fields.php b/src/Form/Fields.php
index ef96bc17..a6e9a0c0 100644
--- a/src/Form/Fields.php
+++ b/src/Form/Fields.php
@@ -27,29 +27,29 @@ public static function make(Form $form, string $id): self
         return new static($form, $id);
     }
 
-    public function models(?array $models = null): Collection|self
-    {
-        $defaultModels = collect(config('livewire-forms.models'));
+    // public function models(?array $models = null): Collection|self
+    // {
+    //     $defaultModels = collect(config('livewire-forms.models'));
 
-        if (is_null($models)) {
-            return $this->models ?? $defaultModels;
-        }
+    //     if (is_null($models)) {
+    //         return $this->models ?? $defaultModels;
+    //     }
 
-        $this->models = $defaultModels->merge($models);
+    //     $this->models = $defaultModels->merge($models);
 
-        return $this;
-    }
+    //     return $this;
+    // }
 
-    public function values(?array $values = null): array|self
-    {
-        if (is_null($values)) {
-            return $this->fields->map(fn ($field) => $field->value())->all();
-        }
+    // public function values(?array $values = null): array|self
+    // {
+    //     if (is_null($values)) {
+    //         return $this->fields->map(fn ($field) => $field->value())->all();
+    //     }
 
-        collect($values)->each(fn ($value, $field) => $this->get($field)->value($value));
+    //     collect($values)->each(fn ($value, $field) => $this->get($field)->value($value));
 
-        return $this;
-    }
+    //     return $this;
+    // }
 
     public function all(): Collection
     {
@@ -71,100 +71,100 @@ public function getByType(string $key): Collection
         return $this->fields->filter(fn ($field) => $field->field()->type() === $key);
     }
 
-    protected function getSectionFields(Section $section): Collection
-    {
-        return $this->fields->intersectByKeys($section->fields()->all()); // Only keep the fields that are part of the section
-    }
-
-    public function sections(): Collection
-    {
-        return $this->form->blueprint()->tabs()->first()->sections()
-            ->map(function ($section, $index) {
-                $handle = $section->display() ? Str::snake($section->display()) : $index;
-
-                return [
-                    'handle' => $handle,
-                    'id' => "{$this->id}-section-{$index}-{$handle}",
-                    'display' => $section->display(),
-                    'instructions' => $section->instructions(),
-                    'fields' => $this->getSectionFields($section),
-                ];
-            })
-            ->filter(fn ($section) => $section['fields']->isNotEmpty()); // Hide empty sections with no fields.
-    }
-
-    public function section(string $handle): ?array
-    {
-        return $this->sections()->firstWhere('handle', $handle);
-    }
-
-    public function hydrate(): self
-    {
-        return $this->hydrateFields()->runHydratedCallbacks();
-    }
+    // protected function getSectionFields(Section $section): Collection
+    // {
+    //     return $this->fields->intersectByKeys($section->fields()->all()); // Only keep the fields that are part of the section
+    // }
+
+    // public function sections(): Collection
+    // {
+    //     return $this->form->blueprint()->tabs()->first()->sections()
+    //         ->map(function ($section, $index) {
+    //             $handle = $section->display() ? Str::snake($section->display()) : $index;
+
+    //             return [
+    //                 'handle' => $handle,
+    //                 'id' => "{$this->id}-section-{$index}-{$handle}",
+    //                 'display' => $section->display(),
+    //                 'instructions' => $section->instructions(),
+    //                 'fields' => $this->getSectionFields($section),
+    //             ];
+    //         })
+    //         ->filter(fn ($section) => $section['fields']->isNotEmpty()); // Hide empty sections with no fields.
+    // }
+
+    // public function section(string $handle): ?array
+    // {
+    //     return $this->sections()->firstWhere('handle', $handle);
+    // }
+
+    // public function hydrate(): self
+    // {
+    //     return $this->hydrateFields();
+    // }
 
     // TODO: Can we get rid of this, now that we have a fieldsSynth?
-    protected function runHydratedCallbacks(): self
-    {
-        foreach ($this->hydratedCallbacks as $callback) {
-            $callback($this);
-        }
-
-        return $this;
-    }
-
-    public function hydrated(\Closure $callback): self
-    {
-        $this->hydratedCallbacks[] = $callback;
-
-        return $this;
-    }
-
-    protected function hydrateFields(): self
-    {
-        $this->fields = $this->makeFields($this->form->fields());
-
-        return $this;
-    }
-
-    protected function makeFields(Collection $fields): Collection
-    {
-        return $fields->map(function ($field) {
-            $fieldtype = $field->fieldtype()::class;
-
-            $class = $this->models()->get($field->handle()) ?? $this->models()->get($fieldtype);
-
-            return $class
-                ? $class::make($field, $this->id)
-                : throw new \Exception("The field model binding for fieldtype [{$fieldtype}] cannot be found.");
-        });
-    }
-
-    public function honeypot(): Honeypot
-    {
-        return Honeypot::make(
-            new \Statamic\Fields\Field($this->form->honeypot(), []),
-            $this->id
-        );
-    }
+    // protected function runHydratedCallbacks(): self
+    // {
+    //     foreach ($this->hydratedCallbacks as $callback) {
+    //         $callback($this);
+    //     }
+
+    //     return $this;
+    // }
+
+    // public function hydrated(\Closure $callback): self
+    // {
+    //     $this->hydratedCallbacks[] = $callback;
+
+    //     return $this;
+    // }
+
+    // protected function hydrateFields(): self
+    // {
+    //     $this->fields = $this->makeFields($this->form->fields());
+
+    //     return $this;
+    // }
+
+    // protected function makeFields(Collection $fields): Collection
+    // {
+    //     return $fields->map(function ($field) {
+    //         $fieldtype = $field->fieldtype()::class;
+
+    //         $class = $this->models()->get($field->handle()) ?? $this->models()->get($fieldtype);
+
+    //         return $class
+    //             ? $class::make($field, $this->id)
+    //             : throw new \Exception("The field model binding for fieldtype [{$fieldtype}] cannot be found.");
+    //     });
+    // }
+
+    // public function honeypot(): Honeypot
+    // {
+    //     return Honeypot::make(
+    //         new \Statamic\Fields\Field($this->form->honeypot(), []),
+    //         $this->id
+    //     );
+    // }
 
     // TODO: Probably don't need this anymore as each field is setting its default value.
-    public function defaultValues(): Collection
-    {
-        return $this->fields->mapWithKeys(fn ($field, $handle) => [$handle => $field->default]);
-    }
-
-    public function validationRules(): array
-    {
-        return $this->fields
-            ->mapWithKeys(fn ($field) => $field->rules())
-            ->toArray();
-    }
-
-    public function validationAttributes(): array
-    {
-        return $this->fields
-            ->mapWithKeys(fn ($field) => $field->validationAttributes())
-            ->toArray();
-    }
+    // public function defaultValues(): Collection
+    // {
+    //     return $this->fields->mapWithKeys(fn ($field, $handle) => [$handle => $field->default]);
+    // }
+
+    // public function validationRules(): array
+    // {
+    //     return $this->fields
+    //         ->mapWithKeys(fn ($field) => $field->rules())
+    //         ->toArray();
+    // }
+
+    // public function validationAttributes(): array
+    // {
+    //     return $this->fields
+    //         ->mapWithKeys(fn ($field) => $field->validationAttributes())
+    //         ->toArray();
+    // }
 }
diff --git a/src/Livewire/Concerns/HandlesSpam.php b/src/Livewire/Concerns/HandlesSpam.php
index 422c7889..bdad5bb6 100644
--- a/src/Livewire/Concerns/HandlesSpam.php
+++ b/src/Livewire/Concerns/HandlesSpam.php
@@ -2,26 +2,21 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Aerni\LivewireForms\Fields\Honeypot;
-use Livewire\Attributes\Computed;
 use Statamic\Exceptions\SilentFormFailureException;
 
 trait HandlesSpam
 {
-    #[Computed(true)]
-    public function honeypot(): Honeypot
-    {
-        return $this->fields->honeypot();
-    }
-
     protected function handleSpam(): self
     {
-        $isSpam = $this->data()->has($this->honeypot->handle);
-
-        if ($isSpam) {
+        if ($this->isSpam()) {
             throw new SilentFormFailureException();
         }
 
         return $this;
     }
+
+    protected function isSpam(): bool
+    {
+        return $this->fields->get($this->honeypot->handle)->value() !== null;
+    }
 }
diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index 8b318052..406132f0 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -2,13 +2,13 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Illuminate\Support\Facades\URL;
-use Statamic\Contracts\Forms\Submission;
+use Statamic\Facades\Site;
+use Statamic\Forms\SendEmails;
 use Statamic\Events\FormSubmitted;
+use Illuminate\Support\Facades\URL;
 use Statamic\Events\SubmissionCreated;
+use Statamic\Contracts\Forms\Submission;
 use Statamic\Exceptions\SilentFormFailureException;
-use Statamic\Facades\Site;
-use Statamic\Forms\SendEmails;
 
 trait HandlesSubmission
 {
@@ -41,11 +41,11 @@ protected function makeSubmission(): self
     {
         $this->submission = $this->form->makeSubmission();
 
-        $assetIds = $this->submission->uploadFiles($this->temporaryUploadedFiles());
-
-        $data = array_merge($this->normalizedDataForSubmission(), $assetIds);
-
-        $processedValues = $this->form->blueprint()->fields()->addValues($data)->process()->values();
+        $processedValues = $this->form->blueprint()
+            ->fields()
+            ->addValues($this->processedValues()->all())
+            ->process()
+            ->values();
 
         $this->submission->data($processedValues);
 
diff --git a/src/Livewire/Concerns/HandlesSuccess.php b/src/Livewire/Concerns/HandlesSuccess.php
index 2d2f352d..2216f337 100644
--- a/src/Livewire/Concerns/HandlesSuccess.php
+++ b/src/Livewire/Concerns/HandlesSuccess.php
@@ -9,14 +9,9 @@ protected function handleSuccess(): self
         // Flash the success message.
         session()->flash('success', $this->successMessage());
 
-        // Reset the data while preserving the captcha.
-        $this->data = collect($this->defaultData)
-            ->merge($this->captchaValue())
-            ->all();
-
-        // Reset asset fields using this trick: https://talltips.novate.co.uk/livewire/livewire-file-uploads-using-s3#removing-filename-from-input-field-after-upload
-        $this->fields->getByType('assets')
-            ->each(fn ($field) => $field->id($field->id().'_'.rand()));
+        // Reset the fields while preserving the captcha.
+        $this->fields = $this->fields()
+            ->merge($this->captchaValue());
 
         return $this;
     }
diff --git a/src/Livewire/Concerns/HandlesValidation.php b/src/Livewire/Concerns/HandlesValidation.php
index 902ce363..3a71e744 100644
--- a/src/Livewire/Concerns/HandlesValidation.php
+++ b/src/Livewire/Concerns/HandlesValidation.php
@@ -11,11 +11,15 @@ public function updated(string $field): void
 
     protected function rules(): array
     {
-        return $this->fields->validationRules();
+        return $this->fields
+            ->mapWithKeys(fn ($field) => $field->rules())
+            ->toArray();
     }
 
     protected function validationAttributes(): array
     {
-        return $this->fields->validationAttributes();
+        return $this->fields
+            ->mapWithKeys(fn ($field) => $field->validationAttributes())
+            ->toArray();
     }
 }
diff --git a/src/Livewire/Concerns/SubmitsForm.php b/src/Livewire/Concerns/SubmitsForm.php
index b8d61d30..081464b2 100644
--- a/src/Livewire/Concerns/SubmitsForm.php
+++ b/src/Livewire/Concerns/SubmitsForm.php
@@ -13,7 +13,6 @@ trait SubmitsForm
 
     public function submit(): void
     {
-        dd($this->synthFields->values());
         $this->validate();
 
         try {
diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
index c18d540c..09b395af 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/WithData.php
@@ -2,78 +2,45 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Illuminate\Support\Collection;
-use Livewire\Attributes\Computed;
-use Livewire\Features\SupportFileUploads\TemporaryUploadedFile;
 use Livewire\WithFileUploads;
+use Illuminate\Support\Collection;
+use Aerni\LivewireForms\Fields\Captcha;
 
 trait WithData
 {
     use WithFileUploads;
 
-    public array $data = [];
-
-    public function mountWithData(): void
+    protected function values(): Collection
     {
-        $this->data = $this->defaultData;
+        return $this->fields->map(fn ($field) => $field->value());
     }
 
-    // The persisted computed property ensures that we can reset the data to its mount state.
-    #[Computed(true)]
-    protected function defaultData(): array
-    {
-        return $this->fields->defaultValues()
-            ->merge($this->data)
-            ->all();
-    }
-
-    protected function data(): Collection
-    {
-        return collect($this->data);
-    }
-
-    protected function set(string $key, mixed $value): self
+    protected function processedValues(): Collection
     {
-        $this->data[$key] = $value;
-
-        return $this;
+        return $this->fields->map(fn ($field) => $field->process());
     }
 
-    protected function get(string $key): mixed
+    protected function defaultValues(): Collection
     {
-        return $this->data[$key] ?? null;
+        return $this->fields->map(fn ($field) => $field->default());
     }
 
     protected function captchaValue(): array
     {
-        return $this->data()
-            ->only($this->fields->getByType('captcha')->first()?->handle ?? [])
+        return $this->fields
+            ->whereInstanceOf(Captcha::class)
             ->all();
     }
 
-    protected function normalizedDataForSubmission(): array
+    protected function get(string $key): mixed
     {
-        return $this->data()->map(function ($value, $key) {
-            $field = $this->fields->get($key);
-
-            // Return early if a field can't be found, else we'll run into errors with the below code.
-            if (is_null($field)) {
-                return null;
-            }
-
-            // Only keep values of fields that should be submitted, e.g. if 'always_save' is on.
-            if (! $this->fieldsToSubmit[$field->handle] ?? null) {
-                return null;
-            }
-
-            return $field->process($value);
-        })->all();
+        return $this->fields->get($key)->value();
     }
 
-    protected function temporaryUploadedFiles(): array
+    protected function set(string $key, mixed $value): self
     {
-        return $this->data()
-            ->whereInstanceOf(TemporaryUploadedFile::class)
-            ->all();
+        $this->fields->get($key)->value($value);
+
+        return $this;
     }
 }
diff --git a/src/Livewire/Concerns/WithFields-copy.php b/src/Livewire/Concerns/WithFields-copy.php
new file mode 100644
index 00000000..91037626
--- /dev/null
+++ b/src/Livewire/Concerns/WithFields-copy.php
@@ -0,0 +1,60 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+use Aerni\LivewireForms\Form\Fields;
+use Livewire\Attributes\Computed;
+use Livewire\Attributes\Locked;
+use Livewire\Attributes\On;
+use Livewire\Attributes\Renderless;
+
+trait WithFieldsOld
+{
+    use WithModels;
+
+    public Fields $synthFields;
+
+    #[Locked]
+    public array $fieldsToSubmit = [];
+
+    public function mountWithFields()
+    {
+        $this->synthFields = Fields::make($this->form, $this->getId())
+            ->models($this->models)
+            ->hydrate();
+
+        // $this->hydrateSynthFields($this->synthFields);
+    }
+
+    public function hydrateSynthFields(Fields $fields): void
+    {
+        //
+    }
+
+    #[Computed]
+    public function fields(): Fields
+    {
+        return Fields::make($this->form, $this->getId())
+            ->models($this->models)
+            ->hydrated(fn ($fields) => $this->hydratedFields($fields))
+            ->hydrate();
+    }
+
+    protected function hydratedFields(Fields $fields): void
+    {
+        // This is set before the component is first rendered. Resulting in no flash.
+        $this->set('first_name', 'John');
+        // $fields->get('first_name')->value('John');
+
+        // dd($fields);
+    }
+
+    #[Renderless]
+    #[On('field-conditions-updated')]
+    public function submitFieldValue(string $field, bool $passesConditions): void
+    {
+        $this->fields->get($field)->always_save
+            ? $this->fieldsToSubmit[$field] = true
+            : $this->fieldsToSubmit[$field] = $passesConditions;
+    }
+}
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 72e9676a..3aa286a7 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -2,65 +2,93 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Aerni\LivewireForms\Fields\Honeypot;
 use Aerni\LivewireForms\Form\Fields;
+use Illuminate\Support\Collection;
+use Illuminate\Support\Str;
 use Livewire\Attributes\Computed;
-use Livewire\Attributes\Locked;
 use Livewire\Attributes\On;
 use Livewire\Attributes\Renderless;
+use Statamic\Fields\Field;
+use Statamic\Fields\Section;
 
 trait WithFields
 {
     use WithModels;
 
-    public Fields $synthFields;
+    public Collection $fields;
 
-    #[Locked]
-    public array $fieldsToSubmit = [];
-
-    public function mountWithFields()
+    public function mountWithFields(): void
     {
-        $this->synthFields = Fields::make($this->form, $this->getId())
-            ->models($this->models)
-            ->hydrate();
+        $this->fields = $this->fields();
 
-        $this->hydrateSynthFields($this->synthFields);
+        // $this->mountFields();
     }
 
-    public function hydrateSynthFields(Fields $fields): void
+    // public function mountFields(): void
+    // {
+    //     $this->fields->get('first_name')->display('Mounted');
+    // }
+
+    // public function hydrateFields(Collection $fields): void
+    // {
+    //     $fields->get('first_name')->display(rand(1, 100));
+    // }
+
+    public function fields(): Collection
     {
-        //
+        return $this->form->fields()->map(function ($field) {
+            $fieldtype = $field->fieldtype()::class;
+
+            $class = $this->models()->get($field->handle())
+                ?? $this->models()->get($fieldtype);
+
+            return $class
+                ? $class::make($field, $this->getId())
+                : throw new \Exception("The field model binding for fieldtype [{$fieldtype}] cannot be found.");
+        })->put($this->honeypot->handle, $this->honeypot);
     }
 
-    public function updatedSynthFields()
+    #[Computed(true)]
+    public function honeypot(): Honeypot
     {
-        $this->synthFields->get('first_name')->value('John');
-        ray($this->synthFields);
+        return (Honeypot::make(
+            new Field($this->form->honeypot(), []),
+            $this->getId()
+        ));
     }
 
-    #[Computed]
-    public function fields(): Fields
+    public function sections(): Collection
     {
-        return Fields::make($this->form, $this->getId())
-            ->models($this->models)
-            ->hydrated(fn ($fields) => $this->hydratedFields($fields))
-            ->hydrate();
+        return $this->form->blueprint()->tabs()->first()->sections()
+            ->map(function ($section, $index) {
+                $handle = $section->display() ? Str::snake($section->display()) : $index;
+
+                return [
+                    'handle' => $handle,
+                    'id' => "{$this->getId()}-section-{$index}-{$handle}",
+                    'display' => $section->display(),
+                    'instructions' => $section->instructions(),
+                    'fields' => $this->sectionFields($section),
+                ];
+            })
+            ->filter(fn ($section) => $section['fields']->isNotEmpty()); // Hide empty sections with no fields.
     }
 
-    protected function hydratedFields(Fields $fields): void
+    public function section(string $handle): ?array
     {
-        // This is set before the component is first rendered. Resulting in no flash.
-        $this->set('first_name', 'John');
-        // $fields->get('first_name')->value('John');
+        return $this->sections()->firstWhere('handle', $handle);
+    }
 
-        // dd($fields);
+    protected function sectionFields(Section $section): Collection
+    {
+        return $this->fields->intersectByKeys($section->fields()->all()); // Only keep the fields that are part of the section
     }
 
     #[Renderless]
     #[On('field-conditions-updated')]
     public function submitFieldValue(string $field, bool $passesConditions): void
     {
-        $this->fields->get($field)->always_save
-            ? $this->fieldsToSubmit[$field] = true
-            : $this->fieldsToSubmit[$field] = $passesConditions;
+        $this->fields->get($field)->submittable($passesConditions);
     }
 }
diff --git a/src/Livewire/Concerns/WithModels.php b/src/Livewire/Concerns/WithModels.php
index 89c8da60..cbb2de9c 100644
--- a/src/Livewire/Concerns/WithModels.php
+++ b/src/Livewire/Concerns/WithModels.php
@@ -2,10 +2,14 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Livewire\Attributes\Locked;
+use Illuminate\Support\Collection;
 
 trait WithModels
 {
-    #[Locked]
-    public array $models = [];
+    protected array $models = [];
+
+    public function models(): Collection
+    {
+        return collect(config('livewire-forms.models'))->merge($this->models);
+    }
 }
diff --git a/src/Livewire/Synthesizers/FieldSynth.php b/src/Livewire/Synthesizers/FieldSynth.php
new file mode 100644
index 00000000..95027261
--- /dev/null
+++ b/src/Livewire/Synthesizers/FieldSynth.php
@@ -0,0 +1,54 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Synthesizers;
+
+use Aerni\LivewireForms\Fields\Field;
+use Livewire\Mechanisms\HandleComponents\Synthesizers\Synth;
+use Statamic\Fields\Field as StatamicField;
+
+class FieldSynth extends Synth
+{
+    public static $key = 'field';
+
+    public static function match($target)
+    {
+        return $target instanceof Field;
+    }
+
+    public function dehydrate($target, $dehydrateChild)
+    {
+        $data = $target->toArray();
+
+        foreach ($data as $key => $child) {
+            $data[$key] = $dehydrateChild($key, $child);
+        }
+
+        return [
+            $data,
+            ['class' => get_class($target)]
+        ];
+    }
+
+    public function hydrate($value, $meta, $hydrateChild)
+    {
+        foreach ($value as $key => $child) {
+            $value[$key] = $hydrateChild($key, $child);
+        }
+
+        $field = new StatamicField($value['handle'], $value['config']);
+
+        return $meta['class']::make($field, $this->context->component->getId())
+            ->value($value['value'])
+            ->submittable($value['submittable']);
+    }
+
+    public function get(&$target, $key)
+    {
+        return $target->get($key)->value();
+    }
+
+    public function set(&$target, $key, $value)
+    {
+        $target->get($key)->value($value);
+    }
+}
diff --git a/src/Livewire/Synthesizers/FieldsSynth.php b/src/Livewire/Synthesizers/FieldsSynth.php
deleted file mode 100644
index 3bcb8ebd..00000000
--- a/src/Livewire/Synthesizers/FieldsSynth.php
+++ /dev/null
@@ -1,48 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Livewire\Synthesizers;
-
-use Aerni\LivewireForms\Form\Fields;
-use Livewire\Mechanisms\HandleComponents\Synthesizers\Synth;
-use Statamic\Facades\Form;
-
-class FieldsSynth extends Synth
-{
-    public static $key = 'fields';
-
-    public static function match($target)
-    {
-        return $target instanceof Fields;
-    }
-
-    public function dehydrate($target)
-    {
-        return [
-            [
-                'handle' => $this->context->component->handle,
-                'id' => $this->context->component->getId(),
-                'models' => $this->context->component->models,
-                'values' => $target->values(),
-            ],
-            [],
-        ];
-    }
-
-    public function hydrate($value)
-    {
-        return Fields::make(Form::find($value['handle']), $value['id'])
-            ->models($value['models'])
-            ->hydrate()
-            ->values($value['values']);
-    }
-
-    public function get(&$target, $key)
-    {
-        return $target->values();
-    }
-
-    public function set(&$target, $key, $value)
-    {
-        $target->values($value);
-    }
-}
diff --git a/src/ServiceProvider.php b/src/ServiceProvider.php
index e91afc0d..afe302cc 100644
--- a/src/ServiceProvider.php
+++ b/src/ServiceProvider.php
@@ -2,15 +2,14 @@
 
 namespace Aerni\LivewireForms;
 
-use Livewire\Livewire;
-use App\Dtos\AddressSynth;
-use Illuminate\Support\Facades\Blade;
-use Aerni\LivewireForms\Livewire\Form;
 use Aerni\LivewireForms\Facades\Captcha;
+use Aerni\LivewireForms\Livewire\DynamicForm;
+use Aerni\LivewireForms\Livewire\Form;
+use Aerni\LivewireForms\Livewire\Synthesizers\FieldSynth;
+use Illuminate\Support\Facades\Blade;
 use Illuminate\Support\Facades\Validator;
+use Livewire\Livewire;
 use Statamic\Providers\AddonServiceProvider;
-use Aerni\LivewireForms\Livewire\DynamicForm;
-use Aerni\LivewireForms\Livewire\Synthesizers\FieldsSynth;
 
 class ServiceProvider extends AddonServiceProvider
 {
@@ -64,9 +63,7 @@ protected function registerLivewire(): self
     {
         Livewire::component('form', DynamicForm::class);
         Livewire::component('default-form', Form::class);
-        Livewire::propertySynthesizer(FieldsSynth::class);
-        Livewire::propertySynthesizer(AddressSynth::class);
-
+        Livewire::propertySynthesizer(FieldSynth::class);
 
         return $this;
     }

From 8c1e3814312f7b1b4660ac424097ba5c54aba937 Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Mon, 11 Dec 2023 21:28:02 +0000
Subject: [PATCH 085/209] Fix styling

---
 src/Fields/Assets.php                       | 2 +-
 src/Fields/Field.php                        | 3 +--
 src/Livewire/Concerns/HandlesSubmission.php | 8 ++++----
 src/Livewire/Concerns/WithData.php          | 4 ++--
 src/Livewire/Concerns/WithFields.php        | 4 ++--
 src/Livewire/Synthesizers/FieldSynth.php    | 2 +-
 6 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/Fields/Assets.php b/src/Fields/Assets.php
index 3c3c2cfe..cc22f4d8 100644
--- a/src/Fields/Assets.php
+++ b/src/Fields/Assets.php
@@ -2,9 +2,9 @@
 
 namespace Aerni\LivewireForms\Fields;
 
+use Aerni\LivewireForms\Fields\Properties\WithMultiple;
 use Illuminate\Support\Arr;
 use Statamic\Forms\Uploaders\AssetsUploader;
-use Aerni\LivewireForms\Fields\Properties\WithMultiple;
 
 class Assets extends Field
 {
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index ee5d2831..26711361 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -2,7 +2,6 @@
 
 namespace Aerni\LivewireForms\Fields;
 
-use Aerni\LivewireForms\Fields\Properties\WithAlwaysSave;
 use Aerni\LivewireForms\Fields\Properties\WithConditions;
 use Aerni\LivewireForms\Fields\Properties\WithDefault;
 use Aerni\LivewireForms\Fields\Properties\WithHandle;
@@ -87,7 +86,7 @@ public function value(mixed $value = null): mixed
         return $this->fluentlyGetOrSet('value')->args(func_get_args());
     }
 
-    public function submittable(bool $submittable = null): bool|self
+    public function submittable(?bool $submittable = null): bool|self
     {
         return $this->fluentlyGetOrSet('submittable')
             ->getter(function ($submittable) {
diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index 406132f0..d27f9b06 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -2,13 +2,13 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Statamic\Facades\Site;
-use Statamic\Forms\SendEmails;
-use Statamic\Events\FormSubmitted;
 use Illuminate\Support\Facades\URL;
-use Statamic\Events\SubmissionCreated;
 use Statamic\Contracts\Forms\Submission;
+use Statamic\Events\FormSubmitted;
+use Statamic\Events\SubmissionCreated;
 use Statamic\Exceptions\SilentFormFailureException;
+use Statamic\Facades\Site;
+use Statamic\Forms\SendEmails;
 
 trait HandlesSubmission
 {
diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
index 09b395af..56d903d9 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/WithData.php
@@ -2,9 +2,9 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Livewire\WithFileUploads;
-use Illuminate\Support\Collection;
 use Aerni\LivewireForms\Fields\Captcha;
+use Illuminate\Support\Collection;
+use Livewire\WithFileUploads;
 
 trait WithData
 {
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 3aa286a7..38d7fb9f 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -52,10 +52,10 @@ public function fields(): Collection
     #[Computed(true)]
     public function honeypot(): Honeypot
     {
-        return (Honeypot::make(
+        return Honeypot::make(
             new Field($this->form->honeypot(), []),
             $this->getId()
-        ));
+        );
     }
 
     public function sections(): Collection
diff --git a/src/Livewire/Synthesizers/FieldSynth.php b/src/Livewire/Synthesizers/FieldSynth.php
index 95027261..53292836 100644
--- a/src/Livewire/Synthesizers/FieldSynth.php
+++ b/src/Livewire/Synthesizers/FieldSynth.php
@@ -25,7 +25,7 @@ public function dehydrate($target, $dehydrateChild)
 
         return [
             $data,
-            ['class' => get_class($target)]
+            ['class' => get_class($target)],
         ];
     }
 

From d9bc8603aaaac8bcd0918164a9fdc9da96f979d4 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 11 Dec 2023 19:32:39 -0500
Subject: [PATCH 086/209] wip

---
 .../views/default/layouts/field.blade.php     |   9 +-
 .../views/default/layouts/section.blade.php   |  10 +-
 src/BladeDirectives.php                       |   2 +-
 src/Form/Fields.php                           | 170 ------------------
 src/Livewire/Concerns/WithFields-copy.php     |  60 -------
 src/Livewire/Concerns/WithFields.php          |  16 +-
 6 files changed, 18 insertions(+), 249 deletions(-)
 delete mode 100644 src/Form/Fields.php
 delete mode 100644 src/Livewire/Concerns/WithFields-copy.php

diff --git a/resources/views/default/layouts/field.blade.php b/resources/views/default/layouts/field.blade.php
index 0632b8c6..ece02527 100644
--- a/resources/views/default/layouts/field.blade.php
+++ b/resources/views/default/layouts/field.blade.php
@@ -1,21 +1,20 @@
 <div
     x-data="{
-        fields: $wire.$entangle('fields'),
         show() {
             return @json($field->hidden) ? false : this.passesConditions()
         },
         passesConditions() {
-            return Statamic.$conditions.showField({{ $field->conditions }}, this.values())
+            return Statamic.$conditions.showField({{ $field->conditions }}, this.data())
         },
-        values() {
-            return Object.entries(this.fields).reduce((values, [key, field]) => {
+        data() {
+            return Object.entries($wire.fields).reduce((values, [key, field]) => {
                 values[key] = field.value
                 return values
             }, {});
         },
     }"
     x-show="show"
-    x-effect="$wire.$dispatchSelf('field-conditions-updated', { field: '{{ $field->handle }}', passesConditions: passesConditions() })"
+    x-effect="$dispatch('field-conditions-updated', { field: '{{ $field->handle }}', passesConditions: passesConditions() })"
     wire:key="{{ $field->id }}"
     class="space-y-2 col-span-1
         {{ $field->width === 25 ? 'md:col-span-3' : '' }}
diff --git a/resources/views/default/layouts/section.blade.php b/resources/views/default/layouts/section.blade.php
index 21cb3f23..f98bc833 100644
--- a/resources/views/default/layouts/section.blade.php
+++ b/resources/views/default/layouts/section.blade.php
@@ -4,17 +4,17 @@
         init() {
             this.fields = Object.fromEntries(Object.keys(this.fields).map(key => [key, true]))
         },
+        show() {
+            return Object.values(this.fields).some(value => value === true)
+        },
         updateFields(event) {
             if (this.fields.hasOwnProperty(event.detail.field)) {
-                this.fields[event.detail.field] = event.detail.evaluation
+                this.fields[event.detail.field] = event.detail.passesConditions
             }
         },
-        show() {
-            return Object.values(this.fields).some(value => value === true)
-        },
     }"
     x-show="show"
-    x-on:field-conditions-evaluated="updateFields($event)"
+    x-on:field-conditions-updated="updateFields($event)"
     wire:key="{{ $section['id'] }}"
     aria-labelledby="{{ $section['id'] }}-label"
     aria-describedby="{{ $section['id'] }}-instructions"
diff --git a/src/BladeDirectives.php b/src/BladeDirectives.php
index b18af48d..29e21630 100644
--- a/src/BladeDirectives.php
+++ b/src/BladeDirectives.php
@@ -37,7 +37,7 @@ public static function formSection(string $expression): string
     {
         return Blade::compileString("
             @formView('layouts.section', [
-                'section' => \$this->fields->section($expression),
+                'section' => \$this->section($expression),
             ])
         ");
     }
diff --git a/src/Form/Fields.php b/src/Form/Fields.php
deleted file mode 100644
index a6e9a0c0..00000000
--- a/src/Form/Fields.php
+++ /dev/null
@@ -1,170 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Form;
-
-use Aerni\LivewireForms\Fields\Field;
-use Aerni\LivewireForms\Fields\Honeypot;
-use Illuminate\Support\Collection;
-use Illuminate\Support\Str;
-use Statamic\Fields\Section;
-use Statamic\Forms\Form;
-
-class Fields
-{
-    protected Collection $fields;
-
-    protected Collection $models;
-
-    protected $hydratedCallbacks = [];
-
-    public function __construct(protected Form $form, protected string $id)
-    {
-        //
-    }
-
-    public static function make(Form $form, string $id): self
-    {
-        return new static($form, $id);
-    }
-
-    // public function models(?array $models = null): Collection|self
-    // {
-    //     $defaultModels = collect(config('livewire-forms.models'));
-
-    //     if (is_null($models)) {
-    //         return $this->models ?? $defaultModels;
-    //     }
-
-    //     $this->models = $defaultModels->merge($models);
-
-    //     return $this;
-    // }
-
-    // public function values(?array $values = null): array|self
-    // {
-    //     if (is_null($values)) {
-    //         return $this->fields->map(fn ($field) => $field->value())->all();
-    //     }
-
-    //     collect($values)->each(fn ($value, $field) => $this->get($field)->value($value));
-
-    //     return $this;
-    // }
-
-    public function all(): Collection
-    {
-        return $this->fields;
-    }
-
-    public function get(string $field): ?Field
-    {
-        return $this->fields->get($field);
-    }
-
-    public function getByKey(string $key): ?Field
-    {
-        return $this->fields->first(fn ($field) => $field->key === $key);
-    }
-
-    public function getByType(string $key): Collection
-    {
-        return $this->fields->filter(fn ($field) => $field->field()->type() === $key);
-    }
-
-    // protected function getSectionFields(Section $section): Collection
-    // {
-    //     return $this->fields->intersectByKeys($section->fields()->all()); // Only keep the fields that are part of the section
-    // }
-
-    // public function sections(): Collection
-    // {
-    //     return $this->form->blueprint()->tabs()->first()->sections()
-    //         ->map(function ($section, $index) {
-    //             $handle = $section->display() ? Str::snake($section->display()) : $index;
-
-    //             return [
-    //                 'handle' => $handle,
-    //                 'id' => "{$this->id}-section-{$index}-{$handle}",
-    //                 'display' => $section->display(),
-    //                 'instructions' => $section->instructions(),
-    //                 'fields' => $this->getSectionFields($section),
-    //             ];
-    //         })
-    //         ->filter(fn ($section) => $section['fields']->isNotEmpty()); // Hide empty sections with no fields.
-    // }
-
-    // public function section(string $handle): ?array
-    // {
-    //     return $this->sections()->firstWhere('handle', $handle);
-    // }
-
-    // public function hydrate(): self
-    // {
-    //     return $this->hydrateFields();
-    // }
-
-    // TODO: Can we get rid of this, now that we have a fieldsSynth?
-    // protected function runHydratedCallbacks(): self
-    // {
-    //     foreach ($this->hydratedCallbacks as $callback) {
-    //         $callback($this);
-    //     }
-
-    //     return $this;
-    // }
-
-    // public function hydrated(\Closure $callback): self
-    // {
-    //     $this->hydratedCallbacks[] = $callback;
-
-    //     return $this;
-    // }
-
-    // protected function hydrateFields(): self
-    // {
-    //     $this->fields = $this->makeFields($this->form->fields());
-
-    //     return $this;
-    // }
-
-    // protected function makeFields(Collection $fields): Collection
-    // {
-    //     return $fields->map(function ($field) {
-    //         $fieldtype = $field->fieldtype()::class;
-
-    //         $class = $this->models()->get($field->handle()) ?? $this->models()->get($fieldtype);
-
-    //         return $class
-    //             ? $class::make($field, $this->id)
-    //             : throw new \Exception("The field model binding for fieldtype [{$fieldtype}] cannot be found.");
-    //     });
-    // }
-
-    // public function honeypot(): Honeypot
-    // {
-    //     return Honeypot::make(
-    //         new \Statamic\Fields\Field($this->form->honeypot(), []),
-    //         $this->id
-    //     );
-    // }
-
-    // TODO: Probably don't need this anymore as each field is setting its default value.
-    // public function defaultValues(): Collection
-    // {
-    //     return $this->fields->mapWithKeys(fn ($field, $handle) => [$handle => $field->default]);
-    // }
-
-    // public function validationRules(): array
-    // {
-    //     return $this->fields
-    //         ->mapWithKeys(fn ($field) => $field->rules())
-    //         ->toArray();
-    // }
-
-    // public function validationAttributes(): array
-    // {
-    //     return $this->fields
-    //         ->mapWithKeys(fn ($field) => $field->validationAttributes())
-    //         ->toArray();
-    // }
-}
diff --git a/src/Livewire/Concerns/WithFields-copy.php b/src/Livewire/Concerns/WithFields-copy.php
deleted file mode 100644
index 91037626..00000000
--- a/src/Livewire/Concerns/WithFields-copy.php
+++ /dev/null
@@ -1,60 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Livewire\Concerns;
-
-use Aerni\LivewireForms\Form\Fields;
-use Livewire\Attributes\Computed;
-use Livewire\Attributes\Locked;
-use Livewire\Attributes\On;
-use Livewire\Attributes\Renderless;
-
-trait WithFieldsOld
-{
-    use WithModels;
-
-    public Fields $synthFields;
-
-    #[Locked]
-    public array $fieldsToSubmit = [];
-
-    public function mountWithFields()
-    {
-        $this->synthFields = Fields::make($this->form, $this->getId())
-            ->models($this->models)
-            ->hydrate();
-
-        // $this->hydrateSynthFields($this->synthFields);
-    }
-
-    public function hydrateSynthFields(Fields $fields): void
-    {
-        //
-    }
-
-    #[Computed]
-    public function fields(): Fields
-    {
-        return Fields::make($this->form, $this->getId())
-            ->models($this->models)
-            ->hydrated(fn ($fields) => $this->hydratedFields($fields))
-            ->hydrate();
-    }
-
-    protected function hydratedFields(Fields $fields): void
-    {
-        // This is set before the component is first rendered. Resulting in no flash.
-        $this->set('first_name', 'John');
-        // $fields->get('first_name')->value('John');
-
-        // dd($fields);
-    }
-
-    #[Renderless]
-    #[On('field-conditions-updated')]
-    public function submitFieldValue(string $field, bool $passesConditions): void
-    {
-        $this->fields->get($field)->always_save
-            ? $this->fieldsToSubmit[$field] = true
-            : $this->fieldsToSubmit[$field] = $passesConditions;
-    }
-}
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 38d7fb9f..9d54cfea 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -3,7 +3,6 @@
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
 use Aerni\LivewireForms\Fields\Honeypot;
-use Aerni\LivewireForms\Form\Fields;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
 use Livewire\Attributes\Computed;
@@ -22,17 +21,18 @@ public function mountWithFields(): void
     {
         $this->fields = $this->fields();
 
-        // $this->mountFields();
+        $this->mountedFields();
     }
 
-    // public function mountFields(): void
-    // {
-    //     $this->fields->get('first_name')->display('Mounted');
-    // }
+    protected function mountedFields(): void
+    {
+        //
+    }
 
+    // TODO: This doesn't work in conjunnction with the update fields event.
     // public function hydrateFields(Collection $fields): void
     // {
-    //     $fields->get('first_name')->display(rand(1, 100));
+    //     $fields->get('toggle')->display(rand(1, 100));
     // }
 
     public function fields(): Collection
@@ -87,7 +87,7 @@ protected function sectionFields(Section $section): Collection
 
     #[Renderless]
     #[On('field-conditions-updated')]
-    public function submitFieldValue(string $field, bool $passesConditions): void
+    public function updateFieldSubmittable(string $field, bool $passesConditions): void
     {
         $this->fields->get($field)->submittable($passesConditions);
     }

From dc7bbd46db3ae424fa1ee7cee054f60237dfd381 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 13 Dec 2023 18:13:06 -0500
Subject: [PATCH 087/209] Inline the section fields

---
 src/Livewire/Concerns/WithFields.php | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 9d54cfea..f62f3cac 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -9,7 +9,6 @@
 use Livewire\Attributes\On;
 use Livewire\Attributes\Renderless;
 use Statamic\Fields\Field;
-use Statamic\Fields\Section;
 
 trait WithFields
 {
@@ -67,12 +66,12 @@ public function sections(): Collection
                 return [
                     'handle' => $handle,
                     'id' => "{$this->getId()}-section-{$index}-{$handle}",
-                    'display' => $section->display(),
-                    'instructions' => $section->instructions(),
-                    'fields' => $this->sectionFields($section),
+                    'display' => $section->display(), // TODO: Make translatable.
+                    'instructions' => $section->instructions(), // TODO: Make translatable
+                    'fields' => $this->fields->intersectByKeys($section->fields()->all()),
                 ];
             })
-            ->filter(fn ($section) => $section['fields']->isNotEmpty()); // Hide empty sections with no fields.
+            ->filter(fn ($section) => $section['fields']->isNotEmpty()); // Remove empty sections with no fields.
     }
 
     public function section(string $handle): ?array
@@ -80,11 +79,6 @@ public function section(string $handle): ?array
         return $this->sections()->firstWhere('handle', $handle);
     }
 
-    protected function sectionFields(Section $section): Collection
-    {
-        return $this->fields->intersectByKeys($section->fields()->all()); // Only keep the fields that are part of the section
-    }
-
     #[Renderless]
     #[On('field-conditions-updated')]
     public function updateFieldSubmittable(string $field, bool $passesConditions): void

From 6dc1f24d6b4f864e0039c79d0dcd0db6d1cc2445 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 13 Dec 2023 18:14:39 -0500
Subject: [PATCH 088/209] Make coherent with Livewire hooks

---
 src/Livewire/Concerns/WithFields.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index f62f3cac..370cc589 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -20,10 +20,10 @@ public function mountWithFields(): void
     {
         $this->fields = $this->fields();
 
-        $this->mountedFields();
+        $this->mountedFields($this->fields);
     }
 
-    protected function mountedFields(): void
+    public function mountedFields($fields)
     {
         //
     }

From 28ad123bd1446e38ad88ec71d4bda50ad38e3cf0 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 14 Dec 2023 19:12:32 -0500
Subject: [PATCH 089/209] Implement properties cache

---
 src/Fields/Checkboxes.php                 |   2 +-
 src/Fields/Concerns/HandlesProperties.php | 102 ++++++++++++++++++++++
 src/Fields/Field.php                      |  61 ++-----------
 src/Livewire/Synthesizers/FieldSynth.php  |   4 +-
 4 files changed, 115 insertions(+), 54 deletions(-)
 create mode 100644 src/Fields/Concerns/HandlesProperties.php

diff --git a/src/Fields/Checkboxes.php b/src/Fields/Checkboxes.php
index a7d37649..71b7aed0 100644
--- a/src/Fields/Checkboxes.php
+++ b/src/Fields/Checkboxes.php
@@ -15,7 +15,7 @@ class Checkboxes extends Field
     protected function defaultProperty(): string|array|null
     {
         $default = $this->field->defaultValue();
-        $options = $this->optionsProperty();
+        $options = $this->options;
 
         // A default is only valid if it exists in the options.
         $default = collect($options)->only($default ?? [])->keys();
diff --git a/src/Fields/Concerns/HandlesProperties.php b/src/Fields/Concerns/HandlesProperties.php
new file mode 100644
index 00000000..e2e076ff
--- /dev/null
+++ b/src/Fields/Concerns/HandlesProperties.php
@@ -0,0 +1,102 @@
+<?php
+
+namespace Aerni\LivewireForms\Fields\Concerns;
+
+use Illuminate\Support\Str;
+use Statamic\Support\Traits\FluentlyGetsAndSets;
+
+trait HandlesProperties
+{
+    use FluentlyGetsAndSets;
+
+    protected array $properties = [];
+
+    public function properties(?array $properties = null): array|self
+    {
+        return $this->fluentlyGetOrSet('properties')
+            ->getter(function ($properties) {
+                return empty($properties)
+                    ? $this->processProperties()->properties()
+                    : $properties;
+            })
+            ->args(func_get_args());
+    }
+
+    protected function property(string $key): mixed
+    {
+        return $this->properties[$key] ?? null;
+    }
+
+    protected function processProperties(): self
+    {
+        $this->properties = $this->field->toArray();
+
+        collect(get_class_methods($this))
+            ->filter(fn ($method) => $this->isPropertyMethod($method))
+            ->each(fn ($method) => $this->processProperty($this->propertyKeyFromMethod($method)));
+
+        return $this;
+    }
+
+    protected function processProperty(string $key): self
+    {
+        $method = $this->propertyMethodFromKey($key);
+
+        $value = method_exists($this, $method)
+            ? $this->$method()
+            : $this->field->get($key);
+
+        if (! is_null($value)) {
+            $this->properties[$key] = $value;
+        }
+
+        return $this;
+    }
+
+    protected function isPropertyMethod(string $method): bool
+    {
+        return Str::endsWith($method, 'Property') && $method !== 'processProperty';
+    }
+
+    protected function propertyKeyFromMethod(string $method): string
+    {
+        return Str::of($method)->beforeLast('Property')->snake()->toString();
+    }
+
+    protected function propertyMethodFromKey(string $key): string
+    {
+        return Str::camel($key).'Property';
+    }
+
+    protected function get(string $key): mixed
+    {
+        $key = Str::snake($key);
+
+        return $this->property($key)
+            ?? $this->processProperty($key)->property($key);
+    }
+
+    protected function set(string $key, mixed $value): self
+    {
+        $this->properties[Str::snake($key)] = $value;
+
+        return $this;
+    }
+
+    public function __get(string $key): mixed
+    {
+        return $this->get($key);
+    }
+
+    public function __set(string $key, mixed $value): void
+    {
+        $this->set($key, $value);
+    }
+
+    public function __call(string $property, array $arguments): mixed
+    {
+        return $arguments
+            ? $this->set($property, $arguments[0])
+            : $this->get($property);
+    }
+}
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 26711361..c782dded 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -2,6 +2,7 @@
 
 namespace Aerni\LivewireForms\Fields;
 
+use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
 use Aerni\LivewireForms\Fields\Properties\WithConditions;
 use Aerni\LivewireForms\Fields\Properties\WithDefault;
 use Aerni\LivewireForms\Fields\Properties\WithHandle;
@@ -24,6 +25,7 @@
 abstract class Field implements Arrayable
 {
     use FluentlyGetsAndSets;
+    use HandlesProperties;
     use WithConditions;
     use WithDefault;
     use WithHandle;
@@ -39,13 +41,12 @@ abstract class Field implements Arrayable
     use WithWidth;
     use WithWireModel;
 
+    protected mixed $value = null;
     protected bool $submittable = true;
 
-    protected mixed $value;
-
     public function __construct(protected StatamicField $field, protected string $id)
     {
-        $this->value = $this->default;
+        //
     }
 
     public static function make(StatamicField $field, string $id): self
@@ -53,11 +54,6 @@ public static function make(StatamicField $field, string $id): self
         return new static($field, $id);
     }
 
-    public function field(): StatamicField
-    {
-        return $this->field;
-    }
-
     public function rules(): array
     {
         return [$this->key => $this->rules];
@@ -83,65 +79,26 @@ public function process(): mixed
 
     public function value(mixed $value = null): mixed
     {
-        return $this->fluentlyGetOrSet('value')->args(func_get_args());
+        return $this->fluentlyGetOrSet('value')
+            ->getter(fn ($value) => is_null($value) ? $this->default : $value)
+            ->args(func_get_args());
     }
 
     public function submittable(?bool $submittable = null): bool|self
     {
         return $this->fluentlyGetOrSet('submittable')
-            ->getter(function ($submittable) {
-                return $this->field->get('always_save')
-                    ? true : $submittable;
-            })
+            ->getter(fn ($submittable) => $this->always_save ? true : $submittable)
             ->args(func_get_args());
     }
 
     public function toArray(): array
     {
         return [
-            'id' => $this->id,
             'handle' => $this->field->handle(),
             'config' => $this->field->config(),
+            'properties' => $this->properties(),
             'value' => $this->value(),
             'submittable' => $this->submittable(),
         ];
     }
-
-    protected function get(string $key): mixed
-    {
-        $method = collect(get_class_methods($this))
-            ->first(fn ($method) => $method === Str::camel($key).'Property');
-
-        return $method
-            ? $this->$method()
-            : $this->field->get(Str::snake($key));
-    }
-
-    protected function set(string $key, mixed $value): self
-    {
-        $newConfig = collect($this->field->config())
-            ->put(Str::snake($key), $value)
-            ->all();
-
-        $this->field->setConfig($newConfig);
-
-        return $this;
-    }
-
-    public function __get(string $key): mixed
-    {
-        return $this->get($key);
-    }
-
-    public function __set(string $key, mixed $value): void
-    {
-        $this->set($key, $value);
-    }
-
-    public function __call(string $property, array $arguments): mixed
-    {
-        return $arguments
-            ? $this->set($property, $arguments[0])
-            : $this->get($property);
-    }
 }
diff --git a/src/Livewire/Synthesizers/FieldSynth.php b/src/Livewire/Synthesizers/FieldSynth.php
index 53292836..2886b23a 100644
--- a/src/Livewire/Synthesizers/FieldSynth.php
+++ b/src/Livewire/Synthesizers/FieldSynth.php
@@ -36,8 +36,10 @@ public function hydrate($value, $meta, $hydrateChild)
         }
 
         $field = new StatamicField($value['handle'], $value['config']);
+        $id = $this->context->component->getId();
 
-        return $meta['class']::make($field, $this->context->component->getId())
+        return $meta['class']::make($field, $id)
+            ->properties($value['properties'])
             ->value($value['value'])
             ->submittable($value['submittable']);
     }

From 4a57b1a6a795901b5a1ba16fa65eb21cf1d48ca8 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 14 Dec 2023 19:49:38 -0500
Subject: [PATCH 090/209] Fix field value reset

---
 src/Fields/Field.php                     |  7 +++++++
 src/Livewire/Concerns/HandlesSuccess.php | 11 +++++++----
 src/Livewire/Concerns/WithData.php       | 10 ++++------
 src/Livewire/Concerns/WithFields.php     |  5 +++++
 4 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index c782dded..963719ba 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -84,6 +84,13 @@ public function value(mixed $value = null): mixed
             ->args(func_get_args());
     }
 
+    public function resetValue(): self
+    {
+        $this->value = $this->default;
+
+        return $this;
+    }
+
     public function submittable(?bool $submittable = null): bool|self
     {
         return $this->fluentlyGetOrSet('submittable')
diff --git a/src/Livewire/Concerns/HandlesSuccess.php b/src/Livewire/Concerns/HandlesSuccess.php
index 2216f337..d9c47d3c 100644
--- a/src/Livewire/Concerns/HandlesSuccess.php
+++ b/src/Livewire/Concerns/HandlesSuccess.php
@@ -6,12 +6,15 @@ trait HandlesSuccess
 {
     protected function handleSuccess(): self
     {
-        // Flash the success message.
         session()->flash('success', $this->successMessage());
 
-        // Reset the fields while preserving the captcha.
-        $this->fields = $this->fields()
-            ->merge($this->captchaValue());
+        // Get the captcha value before we are resetting all field values.
+        $captcha = $this->captchaValue();
+
+        $this->resetValues();
+
+        // Preserve the captcha state by setting it's value again.
+        $this->captcha()?->value($captcha);
 
         return $this;
     }
diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
index 56d903d9..84787b0d 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/WithData.php
@@ -20,16 +20,14 @@ protected function processedValues(): Collection
         return $this->fields->map(fn ($field) => $field->process());
     }
 
-    protected function defaultValues(): Collection
+    protected function resetValues(): Collection
     {
-        return $this->fields->map(fn ($field) => $field->default());
+        return $this->fields->each(fn ($field) => $field->resetValue());
     }
 
-    protected function captchaValue(): array
+    protected function captchaValue(): ?string
     {
-        return $this->fields
-            ->whereInstanceOf(Captcha::class)
-            ->all();
+        return $this->captcha()?->value();
     }
 
     protected function get(string $key): mixed
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 370cc589..16a333f8 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -57,6 +57,11 @@ public function honeypot(): Honeypot
         );
     }
 
+    protected function captcha(): ?Captcha
+    {
+        return $this->fields->whereInstanceOf(Captcha::class)->first();
+    }
+
     public function sections(): Collection
     {
         return $this->form->blueprint()->tabs()->first()->sections()

From 2088a1d38f96156aa3826bd8662125624a486ab4 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 14 Dec 2023 19:51:50 -0500
Subject: [PATCH 091/209] Use named arguments

---
 src/Livewire/Concerns/WithFields.php     | 6 +++---
 src/Livewire/Synthesizers/FieldSynth.php | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 16a333f8..b80e0c64 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -43,7 +43,7 @@ public function fields(): Collection
                 ?? $this->models()->get($fieldtype);
 
             return $class
-                ? $class::make($field, $this->getId())
+                ? $class::make(field: $field, id: $this->getId())
                 : throw new \Exception("The field model binding for fieldtype [{$fieldtype}] cannot be found.");
         })->put($this->honeypot->handle, $this->honeypot);
     }
@@ -52,8 +52,8 @@ public function fields(): Collection
     public function honeypot(): Honeypot
     {
         return Honeypot::make(
-            new Field($this->form->honeypot(), []),
-            $this->getId()
+            field: new Field($this->form->honeypot(), []),
+            id: $this->getId()
         );
     }
 
diff --git a/src/Livewire/Synthesizers/FieldSynth.php b/src/Livewire/Synthesizers/FieldSynth.php
index 2886b23a..d989c2ad 100644
--- a/src/Livewire/Synthesizers/FieldSynth.php
+++ b/src/Livewire/Synthesizers/FieldSynth.php
@@ -35,10 +35,10 @@ public function hydrate($value, $meta, $hydrateChild)
             $value[$key] = $hydrateChild($key, $child);
         }
 
-        $field = new StatamicField($value['handle'], $value['config']);
-        $id = $this->context->component->getId();
-
-        return $meta['class']::make($field, $id)
+        return $meta['class']::make(
+            field: new StatamicField($value['handle'], $value['config']),
+            id: $this->context->component->getId()
+        )
             ->properties($value['properties'])
             ->value($value['value'])
             ->submittable($value['submittable']);

From 227c96159630885956ccc83e3bc0cb1f58c07ba1 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 14 Dec 2023 20:08:07 -0500
Subject: [PATCH 092/209] Make the sections a computed field

---
 resources/views/default/layouts/sections.blade.php |  2 +-
 src/Livewire/Concerns/WithFields.php               | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/resources/views/default/layouts/sections.blade.php b/resources/views/default/layouts/sections.blade.php
index f584afd5..95ccace5 100644
--- a/resources/views/default/layouts/sections.blade.php
+++ b/resources/views/default/layouts/sections.blade.php
@@ -1,5 +1,5 @@
 <div class="grid gap-y-16">
-    @foreach($this->sections() as $section)
+    @foreach($this->sections as $section)
         @formView('layouts.section')
     @endforeach
 </div>
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index b80e0c64..36130081 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -2,13 +2,14 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Aerni\LivewireForms\Fields\Honeypot;
-use Illuminate\Support\Collection;
+use Statamic\Fields\Field;
 use Illuminate\Support\Str;
-use Livewire\Attributes\Computed;
 use Livewire\Attributes\On;
+use Livewire\Attributes\Computed;
+use Illuminate\Support\Collection;
 use Livewire\Attributes\Renderless;
-use Statamic\Fields\Field;
+use Aerni\LivewireForms\Fields\Captcha;
+use Aerni\LivewireForms\Fields\Honeypot;
 
 trait WithFields
 {
@@ -62,6 +63,7 @@ protected function captcha(): ?Captcha
         return $this->fields->whereInstanceOf(Captcha::class)->first();
     }
 
+    #[Computed]
     public function sections(): Collection
     {
         return $this->form->blueprint()->tabs()->first()->sections()

From 77514b9226acc7b36acc27959f47372de88faa78 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 14 Dec 2023 20:08:47 -0500
Subject: [PATCH 093/209] Cleanup

---
 src/Livewire/Concerns/WithFields.php | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 36130081..fd88f468 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -27,13 +27,8 @@ public function mountWithFields(): void
     public function mountedFields($fields)
     {
         //
-    }
 
-    // TODO: This doesn't work in conjunnction with the update fields event.
-    // public function hydrateFields(Collection $fields): void
-    // {
-    //     $fields->get('toggle')->display(rand(1, 100));
-    // }
+    }
 
     public function fields(): Collection
     {

From b214d6b2e722196f56e8c002bc36f99331b437eb Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 14 Dec 2023 20:09:15 -0500
Subject: [PATCH 094/209] Make method protected

---
 src/Livewire/Concerns/WithFields.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index fd88f468..bf4f5b73 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -30,7 +30,7 @@ public function mountedFields($fields)
 
     }
 
-    public function fields(): Collection
+    protected function fields(): Collection
     {
         return $this->form->fields()->map(function ($field) {
             $fieldtype = $field->fieldtype()::class;

From f4d672b7852b2bef17e71109d0640f37224de522 Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Fri, 15 Dec 2023 01:11:00 +0000
Subject: [PATCH 095/209] Fix styling

---
 src/Fields/Field.php                 |  1 +
 src/Livewire/Concerns/WithData.php   |  1 -
 src/Livewire/Concerns/WithFields.php | 10 +++++-----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 963719ba..40880cd7 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -42,6 +42,7 @@ abstract class Field implements Arrayable
     use WithWireModel;
 
     protected mixed $value = null;
+
     protected bool $submittable = true;
 
     public function __construct(protected StatamicField $field, protected string $id)
diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/WithData.php
index 84787b0d..6c35b7d0 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/WithData.php
@@ -2,7 +2,6 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Aerni\LivewireForms\Fields\Captcha;
 use Illuminate\Support\Collection;
 use Livewire\WithFileUploads;
 
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index bf4f5b73..2a4b36fd 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -2,14 +2,14 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Statamic\Fields\Field;
+use Aerni\LivewireForms\Fields\Captcha;
+use Aerni\LivewireForms\Fields\Honeypot;
+use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
-use Livewire\Attributes\On;
 use Livewire\Attributes\Computed;
-use Illuminate\Support\Collection;
+use Livewire\Attributes\On;
 use Livewire\Attributes\Renderless;
-use Aerni\LivewireForms\Fields\Captcha;
-use Aerni\LivewireForms\Fields\Honeypot;
+use Statamic\Fields\Field;
 
 trait WithFields
 {

From bace82916aee604ada81968e95bde237c5f65f52 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 15 Dec 2023 13:08:02 -0500
Subject: [PATCH 096/209] Remove comments

---
 src/Livewire/Concerns/WithFields.php | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 2a4b36fd..950295cb 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -27,7 +27,6 @@ public function mountWithFields(): void
     public function mountedFields($fields)
     {
         //
-
     }
 
     protected function fields(): Collection
@@ -68,12 +67,12 @@ public function sections(): Collection
                 return [
                     'handle' => $handle,
                     'id' => "{$this->getId()}-section-{$index}-{$handle}",
-                    'display' => $section->display(), // TODO: Make translatable.
-                    'instructions' => $section->instructions(), // TODO: Make translatable
+                    'display' => $section->display(),
+                    'instructions' => $section->instructions(),
                     'fields' => $this->fields->intersectByKeys($section->fields()->all()),
                 ];
             })
-            ->filter(fn ($section) => $section['fields']->isNotEmpty()); // Remove empty sections with no fields.
+            ->filter(fn ($section) => $section['fields']->isNotEmpty());
     }
 
     public function section(string $handle): ?array

From 23b98448250a5d840d669e5ab12e37d96135deb9 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 15 Dec 2023 13:22:32 -0500
Subject: [PATCH 097/209] Move section text translation into Livewire

---
 resources/views/default/layouts/section.blade.php | 4 ++--
 src/Livewire/Concerns/WithFields.php              | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/views/default/layouts/section.blade.php b/resources/views/default/layouts/section.blade.php
index f98bc833..3e802a5c 100644
--- a/resources/views/default/layouts/section.blade.php
+++ b/resources/views/default/layouts/section.blade.php
@@ -24,12 +24,12 @@ class="grid gap-y-8"
     @if($section['display'])
         <div>
             <h3 id="{{ $section['id'] }}-label" class="text-lg font-medium text-gray-900">
-                {{ __($section['display']) }}
+                {{ $section['display'] }}
             </h3>
 
             @if($section['instructions'])
                 <p id="{{ $section['id'] }}-instructions" class="text-base text-gray-500">
-                    {{ __($section['instructions']) }}
+                    {{ $section['instructions'] }}
                 </p>
             @endif
         </div>
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 950295cb..4f78bffd 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -67,8 +67,8 @@ public function sections(): Collection
                 return [
                     'handle' => $handle,
                     'id' => "{$this->getId()}-section-{$index}-{$handle}",
-                    'display' => $section->display(),
-                    'instructions' => $section->instructions(),
+                    'display' => __($section->display()),
+                    'instructions' => __($section->instructions()),
                     'fields' => $this->fields->intersectByKeys($section->fields()->all()),
                 ];
             })

From 03144626b92bc346b157c699dbaab431885c7011 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 15 Dec 2023 14:08:54 -0500
Subject: [PATCH 098/209] Rename trait

---
 src/Livewire/Concerns/{WithData.php => HandlesValues.php} | 2 +-
 src/Livewire/Concerns/WithFields.php                      | 1 +
 src/Livewire/Concerns/WithStatamicFormBuilder.php         | 1 -
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename src/Livewire/Concerns/{WithData.php => HandlesValues.php} (97%)

diff --git a/src/Livewire/Concerns/WithData.php b/src/Livewire/Concerns/HandlesValues.php
similarity index 97%
rename from src/Livewire/Concerns/WithData.php
rename to src/Livewire/Concerns/HandlesValues.php
index 6c35b7d0..abd144e2 100644
--- a/src/Livewire/Concerns/WithData.php
+++ b/src/Livewire/Concerns/HandlesValues.php
@@ -5,7 +5,7 @@
 use Illuminate\Support\Collection;
 use Livewire\WithFileUploads;
 
-trait WithData
+trait HandlesValues
 {
     use WithFileUploads;
 
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 4f78bffd..689d8a9d 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -13,6 +13,7 @@
 
 trait WithFields
 {
+    use HandlesValues;
     use WithModels;
 
     public Collection $fields;
diff --git a/src/Livewire/Concerns/WithStatamicFormBuilder.php b/src/Livewire/Concerns/WithStatamicFormBuilder.php
index dfa337df..f6eaf240 100644
--- a/src/Livewire/Concerns/WithStatamicFormBuilder.php
+++ b/src/Livewire/Concerns/WithStatamicFormBuilder.php
@@ -7,7 +7,6 @@ trait WithStatamicFormBuilder
     use WithHandle;
     use WithTheme;
     use WithView;
-    use WithData;
     use WithFields;
     use WithForm;
     use WithMessages;

From 64fe9e944c744a251f5244376b3805b134c546a8 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 15 Dec 2023 15:07:44 -0500
Subject: [PATCH 099/209] Make code simpler

---
 src/Fields/Field.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 40880cd7..d59a65bb 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -81,7 +81,7 @@ public function process(): mixed
     public function value(mixed $value = null): mixed
     {
         return $this->fluentlyGetOrSet('value')
-            ->getter(fn ($value) => is_null($value) ? $this->default : $value)
+            ->getter(fn ($value) => $value ?? $this->default)
             ->args(func_get_args());
     }
 

From 0c68ddb8ac60f19bd151bf71dbc168f437916a07 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 15 Dec 2023 17:51:06 -0500
Subject: [PATCH 100/209] Refactor Alpine integration

---
 resources/views/default.blade.php             | 53 ++++++++++++++++++-
 .../views/default/layouts/field.blade.php     | 17 +-----
 .../views/default/layouts/section.blade.php   | 17 +-----
 src/Fields/Properties/WithConditions.php      |  4 +-
 src/Livewire/Concerns/SubmitsForm.php         |  9 +++-
 src/Livewire/Concerns/WithFields.php          |  9 ----
 6 files changed, 64 insertions(+), 45 deletions(-)

diff --git a/resources/views/default.blade.php b/resources/views/default.blade.php
index c44d26a0..67a1d187 100644
--- a/resources/views/default.blade.php
+++ b/resources/views/default.blade.php
@@ -1,4 +1,9 @@
-<form wire:submit="submit" x-cloak>
+<form
+    x-data="form"
+    x-effect="processFields($wire.fields)"
+    x-cloak
+    wire:submit="submit(submittableFields())"
+>
     <div class="grid gap-y-16">
         @formView('layouts.sections')
         <div class="grid gap-y-4">
@@ -10,6 +15,52 @@
     </div>
 </form>
 
+@script
+    <script>
+        Alpine.data('form', () => {
+            return {
+                fields: {},
+
+                processFields(fields) {
+                    this.fields = Object.entries(fields).reduce((fields, [key, field]) => {
+                        fields[key] = {
+                            value: field.value,
+                            conditions: field.properties.conditions ?? [],
+                            visible: true,
+                            hidden: field.properties.hidden,
+                        }
+                        return fields;
+                    }, {});
+                },
+
+                showField(field) {
+                    return this.fields[field].visible = this.fields[field].hidden
+                        ? false // We never want to show explicitly hidden fields.
+                        : Statamic.$conditions.showField(this.fields[field].conditions, this.values())
+                },
+
+                showSection(fields) {
+                    return Object.entries(fields).some(([field]) => this.fields[field].visible)
+                },
+
+                values() {
+                    return Object.entries(this.fields).reduce((fields, [key, field]) => {
+                        fields[key] = field.value
+                        return fields;
+                    }, {});
+                },
+
+                submittableFields() {
+                    return Object.entries(this.fields).reduce((fields, [key, field]) => {
+                        fields[key] = field.visible
+                        return fields;
+                    }, {});
+                },
+            }
+        })
+    </script>
+@endscript
+
 @once
     <script src="/vendor/statamic/frontend/js/helpers.js"></script>
 @endonce
diff --git a/resources/views/default/layouts/field.blade.php b/resources/views/default/layouts/field.blade.php
index ece02527..df263beb 100644
--- a/resources/views/default/layouts/field.blade.php
+++ b/resources/views/default/layouts/field.blade.php
@@ -1,20 +1,5 @@
 <div
-    x-data="{
-        show() {
-            return @json($field->hidden) ? false : this.passesConditions()
-        },
-        passesConditions() {
-            return Statamic.$conditions.showField({{ $field->conditions }}, this.data())
-        },
-        data() {
-            return Object.entries($wire.fields).reduce((values, [key, field]) => {
-                values[key] = field.value
-                return values
-            }, {});
-        },
-    }"
-    x-show="show"
-    x-effect="$dispatch('field-conditions-updated', { field: '{{ $field->handle }}', passesConditions: passesConditions() })"
+    x-show="showField('{{ $field->handle }}')"
     wire:key="{{ $field->id }}"
     class="space-y-2 col-span-1
         {{ $field->width === 25 ? 'md:col-span-3' : '' }}
diff --git a/resources/views/default/layouts/section.blade.php b/resources/views/default/layouts/section.blade.php
index 3e802a5c..63185037 100644
--- a/resources/views/default/layouts/section.blade.php
+++ b/resources/views/default/layouts/section.blade.php
@@ -1,20 +1,5 @@
 <section
-    x-data="{
-        fields: {{ $section['fields'] }},
-        init() {
-            this.fields = Object.fromEntries(Object.keys(this.fields).map(key => [key, true]))
-        },
-        show() {
-            return Object.values(this.fields).some(value => value === true)
-        },
-        updateFields(event) {
-            if (this.fields.hasOwnProperty(event.detail.field)) {
-                this.fields[event.detail.field] = event.detail.passesConditions
-            }
-        },
-    }"
-    x-show="show"
-    x-on:field-conditions-updated="updateFields($event)"
+    x-show="showSection({{ $section['fields'] }})"
     wire:key="{{ $section['id'] }}"
     aria-labelledby="{{ $section['id'] }}-label"
     aria-describedby="{{ $section['id'] }}-instructions"
diff --git a/src/Fields/Properties/WithConditions.php b/src/Fields/Properties/WithConditions.php
index 0a054db8..19a39e36 100644
--- a/src/Fields/Properties/WithConditions.php
+++ b/src/Fields/Properties/WithConditions.php
@@ -4,8 +4,8 @@
 
 trait WithConditions
 {
-    protected function conditionsProperty(): string
+    protected function conditionsProperty(): array
     {
-        return json_encode($this->field->conditions());
+        return $this->field->conditions();
     }
 }
diff --git a/src/Livewire/Concerns/SubmitsForm.php b/src/Livewire/Concerns/SubmitsForm.php
index 081464b2..99782ded 100644
--- a/src/Livewire/Concerns/SubmitsForm.php
+++ b/src/Livewire/Concerns/SubmitsForm.php
@@ -11,14 +11,21 @@ trait SubmitsForm
     use HandlesSuccess;
     use HandlesValidation;
 
-    public function submit(): void
+    public function submit(array $submittableFields): void
     {
         $this->validate();
 
+        $this->updateSubmittableFields($submittableFields);
+
         try {
             $this->handleSpam()->handleSubmission()->handleSuccess();
         } catch (SilentFormFailureException) {
             $this->handleSuccess();
         }
     }
+
+    protected function updateSubmittableFields(array $submittableFields): void
+    {
+        collect($submittableFields)->each(fn ($value, $key) => $this->fields->get($key)->submittable($value));
+    }
 }
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 689d8a9d..70cde5f5 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -7,8 +7,6 @@
 use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
 use Livewire\Attributes\Computed;
-use Livewire\Attributes\On;
-use Livewire\Attributes\Renderless;
 use Statamic\Fields\Field;
 
 trait WithFields
@@ -80,11 +78,4 @@ public function section(string $handle): ?array
     {
         return $this->sections()->firstWhere('handle', $handle);
     }
-
-    #[Renderless]
-    #[On('field-conditions-updated')]
-    public function updateFieldSubmittable(string $field, bool $passesConditions): void
-    {
-        $this->fields->get($field)->submittable($passesConditions);
-    }
 }

From 4922fd23ed60e95d071381fa252c50b7838430e1 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 15 Dec 2023 17:53:34 -0500
Subject: [PATCH 101/209] Inline the captcha code

---
 src/Livewire/Concerns/HandlesSuccess.php | 6 +++---
 src/Livewire/Concerns/HandlesValues.php  | 5 -----
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSuccess.php b/src/Livewire/Concerns/HandlesSuccess.php
index d9c47d3c..abef08f3 100644
--- a/src/Livewire/Concerns/HandlesSuccess.php
+++ b/src/Livewire/Concerns/HandlesSuccess.php
@@ -8,12 +8,12 @@ protected function handleSuccess(): self
     {
         session()->flash('success', $this->successMessage());
 
-        // Get the captcha value before we are resetting all field values.
-        $captcha = $this->captchaValue();
+        // Get the captcha value before we are resetting the field values.
+        $captcha = $this->captcha()?->value();
 
         $this->resetValues();
 
-        // Preserve the captcha state by setting it's value again.
+        // Preserve the captcha state by setting the value to its previous state.
         $this->captcha()?->value($captcha);
 
         return $this;
diff --git a/src/Livewire/Concerns/HandlesValues.php b/src/Livewire/Concerns/HandlesValues.php
index abd144e2..142cc884 100644
--- a/src/Livewire/Concerns/HandlesValues.php
+++ b/src/Livewire/Concerns/HandlesValues.php
@@ -24,11 +24,6 @@ protected function resetValues(): Collection
         return $this->fields->each(fn ($field) => $field->resetValue());
     }
 
-    protected function captchaValue(): ?string
-    {
-        return $this->captcha()?->value();
-    }
-
     protected function get(string $key): mixed
     {
         return $this->fields->get($key)->value();

From 095a147f71a6ff6a57f29f30cb6747316346994a Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 15 Dec 2023 17:56:08 -0500
Subject: [PATCH 102/209] Make it look nicer

---
 src/Livewire/Concerns/SubmitsForm.php | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/Livewire/Concerns/SubmitsForm.php b/src/Livewire/Concerns/SubmitsForm.php
index 99782ded..d493878c 100644
--- a/src/Livewire/Concerns/SubmitsForm.php
+++ b/src/Livewire/Concerns/SubmitsForm.php
@@ -15,17 +15,20 @@ public function submit(array $submittableFields): void
     {
         $this->validate();
 
-        $this->updateSubmittableFields($submittableFields);
-
         try {
-            $this->handleSpam()->handleSubmission()->handleSuccess();
+            $this->updateSubmittableFields($submittableFields)
+                ->handleSpam()
+                ->handleSubmission()
+                ->handleSuccess();
         } catch (SilentFormFailureException) {
             $this->handleSuccess();
         }
     }
 
-    protected function updateSubmittableFields(array $submittableFields): void
+    protected function updateSubmittableFields(array $submittableFields): self
     {
         collect($submittableFields)->each(fn ($value, $key) => $this->fields->get($key)->submittable($value));
+
+        return $this;
     }
 }

From 23b04bb4a8d97b01c1bfdaffb9fa1dfa953f82cc Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 15 Dec 2023 19:35:32 -0500
Subject: [PATCH 103/209] Move Alpine code into bundle

---
 .gitignore                          |   1 +
 package-lock.json                   | 634 ++++++++++++++++++++++++++++
 package.json                        |  17 +
 resources/dist/js/livewire-forms.js |  46 ++
 resources/js/form.js                |  42 ++
 resources/js/livewire-forms.js      |   3 +
 resources/views/default.blade.php   |  48 +--
 src/ServiceProvider.php             |   4 +
 vite.config.js                      |  12 +
 9 files changed, 760 insertions(+), 47 deletions(-)
 create mode 100644 package-lock.json
 create mode 100644 package.json
 create mode 100644 resources/dist/js/livewire-forms.js
 create mode 100644 resources/js/form.js
 create mode 100644 resources/js/livewire-forms.js
 create mode 100644 vite.config.js

diff --git a/.gitignore b/.gitignore
index 03d3a523..3b8e330b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
+.DS_Store
 composer.lock
 vendor
 node_modules
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..fac3cf80
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,634 @@
+{
+    "name": "statamic-livewire-forms",
+    "lockfileVersion": 3,
+    "requires": true,
+    "packages": {
+        "": {
+            "dependencies": {
+                "alpinejs": "^3.13.3",
+                "marked": "^4.0.10",
+                "underscore": "~1.13.2",
+                "uniqid": "^5.2.0"
+            },
+            "devDependencies": {
+                "laravel-vite-plugin": "^0.7.8",
+                "vite": "^4.5.1"
+            }
+        },
+        "node_modules/@esbuild/android-arm": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
+            "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-arm64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
+            "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-x64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
+            "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/darwin-arm64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
+            "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/darwin-x64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
+            "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/freebsd-arm64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
+            "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/freebsd-x64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
+            "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-arm": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
+            "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-arm64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
+            "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-ia32": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
+            "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-loong64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
+            "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-mips64el": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
+            "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
+            "cpu": [
+                "mips64el"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-ppc64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
+            "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-riscv64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
+            "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-s390x": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
+            "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-x64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
+            "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/netbsd-x64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
+            "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/openbsd-x64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
+            "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/sunos-x64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
+            "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "sunos"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-arm64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
+            "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-ia32": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
+            "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-x64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
+            "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@vue/reactivity": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
+            "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
+            "dependencies": {
+                "@vue/shared": "3.1.5"
+            }
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
+            "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA=="
+        },
+        "node_modules/alpinejs": {
+            "version": "3.13.3",
+            "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.13.3.tgz",
+            "integrity": "sha512-WZ6WQjkAOl+WdW/jukzNHq9zHFDNKmkk/x6WF7WdyNDD6woinrfXCVsZXm0galjbco+pEpYmJLtwlZwcOfIVdg==",
+            "dependencies": {
+                "@vue/reactivity": "~3.1.1"
+            }
+        },
+        "node_modules/esbuild": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
+            "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+            "dev": true,
+            "hasInstallScript": true,
+            "bin": {
+                "esbuild": "bin/esbuild"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "optionalDependencies": {
+                "@esbuild/android-arm": "0.18.20",
+                "@esbuild/android-arm64": "0.18.20",
+                "@esbuild/android-x64": "0.18.20",
+                "@esbuild/darwin-arm64": "0.18.20",
+                "@esbuild/darwin-x64": "0.18.20",
+                "@esbuild/freebsd-arm64": "0.18.20",
+                "@esbuild/freebsd-x64": "0.18.20",
+                "@esbuild/linux-arm": "0.18.20",
+                "@esbuild/linux-arm64": "0.18.20",
+                "@esbuild/linux-ia32": "0.18.20",
+                "@esbuild/linux-loong64": "0.18.20",
+                "@esbuild/linux-mips64el": "0.18.20",
+                "@esbuild/linux-ppc64": "0.18.20",
+                "@esbuild/linux-riscv64": "0.18.20",
+                "@esbuild/linux-s390x": "0.18.20",
+                "@esbuild/linux-x64": "0.18.20",
+                "@esbuild/netbsd-x64": "0.18.20",
+                "@esbuild/openbsd-x64": "0.18.20",
+                "@esbuild/sunos-x64": "0.18.20",
+                "@esbuild/win32-arm64": "0.18.20",
+                "@esbuild/win32-ia32": "0.18.20",
+                "@esbuild/win32-x64": "0.18.20"
+            }
+        },
+        "node_modules/fsevents": {
+            "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+            "dev": true,
+            "hasInstallScript": true,
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
+        "node_modules/laravel-vite-plugin": {
+            "version": "0.7.8",
+            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-0.7.8.tgz",
+            "integrity": "sha512-HWYqpQYHR3kEQ1LsHX7gHJoNNf0bz5z5mDaHBLzS+PGLCTmYqlU5/SZyeEgObV7z7bC/cnStYcY9H1DI1D5Udg==",
+            "dev": true,
+            "dependencies": {
+                "picocolors": "^1.0.0",
+                "vite-plugin-full-reload": "^1.0.5"
+            },
+            "engines": {
+                "node": ">=14"
+            },
+            "peerDependencies": {
+                "vite": "^3.0.0 || ^4.0.0"
+            }
+        },
+        "node_modules/marked": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/marked/-/marked-4.3.0.tgz",
+            "integrity": "sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==",
+            "bin": {
+                "marked": "bin/marked.js"
+            },
+            "engines": {
+                "node": ">= 12"
+            }
+        },
+        "node_modules/nanoid": {
+            "version": "3.3.7",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+            "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
+        "node_modules/picocolors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+            "dev": true
+        },
+        "node_modules/picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "dev": true,
+            "engines": {
+                "node": ">=8.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/postcss": {
+            "version": "8.4.32",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz",
+            "integrity": "sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/postcss"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "dependencies": {
+                "nanoid": "^3.3.7",
+                "picocolors": "^1.0.0",
+                "source-map-js": "^1.0.2"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/rollup": {
+            "version": "3.29.4",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
+            "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+            "dev": true,
+            "bin": {
+                "rollup": "dist/bin/rollup"
+            },
+            "engines": {
+                "node": ">=14.18.0",
+                "npm": ">=8.0.0"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/source-map-js": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+            "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/underscore": {
+            "version": "1.13.6",
+            "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.6.tgz",
+            "integrity": "sha512-+A5Sja4HP1M08MaXya7p5LvjuM7K6q/2EaC0+iovj/wOcMsTzMvDFbasi/oSapiwOlt252IqsKqPjCl7huKS0A=="
+        },
+        "node_modules/uniqid": {
+            "version": "5.4.0",
+            "resolved": "https://registry.npmjs.org/uniqid/-/uniqid-5.4.0.tgz",
+            "integrity": "sha512-38JRbJ4Fj94VmnC7G/J/5n5SC7Ab46OM5iNtSstB/ko3l1b5g7ALt4qzHFgGciFkyiRNtDXtLNb+VsxtMSE77A=="
+        },
+        "node_modules/vite": {
+            "version": "4.5.1",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.1.tgz",
+            "integrity": "sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==",
+            "dev": true,
+            "dependencies": {
+                "esbuild": "^0.18.10",
+                "postcss": "^8.4.27",
+                "rollup": "^3.27.1"
+            },
+            "bin": {
+                "vite": "bin/vite.js"
+            },
+            "engines": {
+                "node": "^14.18.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/vitejs/vite?sponsor=1"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            },
+            "peerDependencies": {
+                "@types/node": ">= 14",
+                "less": "*",
+                "lightningcss": "^1.21.0",
+                "sass": "*",
+                "stylus": "*",
+                "sugarss": "*",
+                "terser": "^5.4.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/node": {
+                    "optional": true
+                },
+                "less": {
+                    "optional": true
+                },
+                "lightningcss": {
+                    "optional": true
+                },
+                "sass": {
+                    "optional": true
+                },
+                "stylus": {
+                    "optional": true
+                },
+                "sugarss": {
+                    "optional": true
+                },
+                "terser": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vite-plugin-full-reload": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.1.0.tgz",
+            "integrity": "sha512-3cObNDzX6DdfhD9E7kf6w2mNunFpD7drxyNgHLw+XwIYAgb+Xt16SEXo0Up4VH+TMf3n+DSVJZtW2POBGcBYAA==",
+            "dev": true,
+            "dependencies": {
+                "picocolors": "^1.0.0",
+                "picomatch": "^2.3.1"
+            }
+        }
+    }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..c25517f8
--- /dev/null
+++ b/package.json
@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build"
+    },
+    "dependencies": {
+        "alpinejs": "^3.13.3",
+        "marked": "^4.0.10",
+        "underscore": "~1.13.2",
+        "uniqid": "^5.2.0"
+    },
+    "devDependencies": {
+        "laravel-vite-plugin": "^0.7.8",
+        "vite": "^4.5.1"
+    }
+}
diff --git a/resources/dist/js/livewire-forms.js b/resources/dist/js/livewire-forms.js
new file mode 100644
index 00000000..3c48f9eb
--- /dev/null
+++ b/resources/dist/js/livewire-forms.js
@@ -0,0 +1,46 @@
+(function(r){typeof define=="function"&&define.amd?define(r):r()})(function(){"use strict";var z=Object.defineProperty;var C=(r,e,t)=>e in r?z(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var R=(r,e,t)=>(C(r,typeof e!="symbol"?e+"":e,t),t);const KEYS=["if","if_any","show_when","show_when_any","unless","unless_any","hide_when","hide_when_any"],OPERATORS=["equals","not","contains","contains_any","===","!==",">",">=","<","<=","custom"],ALIASES={is:"equals","==":"equals",isnt:"not","!=":"not",includes:"contains",includes_any:"contains_any"};var VERSION="1.13.6",root=typeof self=="object"&&self.self===self&&self||typeof global=="object"&&global.global===global&&global||Function("return this")()||{},ArrayProto=Array.prototype,ObjProto=Object.prototype,push=ArrayProto.push,slice=ArrayProto.slice,toString=ObjProto.toString,hasOwnProperty=ObjProto.hasOwnProperty,nativeIsArray=Array.isArray,nativeKeys=Object.keys,_isNaN=isNaN,hasEnumBug=!{toString:null}.propertyIsEnumerable("toString"),nonEnumerableProps=["valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"],MAX_ARRAY_INDEX=Math.pow(2,53)-1;function _(r){if(r instanceof _)return r;if(!(this instanceof _))return new _(r);this._wrapped=r}_.VERSION=VERSION,_.prototype.value=function(){return this._wrapped},_.prototype.valueOf=_.prototype.toJSON=_.prototype.value,_.prototype.toString=function(){return String(this._wrapped)};function identity(r){return r}function tagTester(r){var e="[object "+r+"]";return function(t){return toString.call(t)===e}}var isFunction=tagTester("Function"),nodelist=root.document&&root.document.childNodes;typeof/./!="function"&&typeof Int8Array!="object"&&typeof nodelist!="function"&&(isFunction=function(r){return typeof r=="function"||!1});const isFunction$1=isFunction;function isObject(r){var e=typeof r;return e==="function"||e==="object"&&!!r}const isArray=nativeIsArray||tagTester("Array");function createAssigner(r,e){return function(t){var n=arguments.length;if(e&&(t=Object(t)),n<2||t==null)return t;for(var s=1;s<n;s++)for(var l=arguments[s],o=r(l),a=o.length,c=0;c<a;c++){var p=o[c];(!e||t[p]===void 0)&&(t[p]=l[p])}return t}}function has(r,e){return r!=null&&hasOwnProperty.call(r,e)}function emulatedSet(r){for(var e={},t=r.length,n=0;n<t;++n)e[r[n]]=!0;return{contains:function(s){return e[s]===!0},push:function(s){return e[s]=!0,r.push(s)}}}function collectNonEnumProps(r,e){e=emulatedSet(e);var t=nonEnumerableProps.length,n=r.constructor,s=isFunction$1(n)&&n.prototype||ObjProto,l="constructor";for(has(r,l)&&!e.contains(l)&&e.push(l);t--;)l=nonEnumerableProps[t],l in r&&r[l]!==s[l]&&!e.contains(l)&&e.push(l)}function keys(r){if(!isObject(r))return[];if(nativeKeys)return nativeKeys(r);var e=[];for(var t in r)has(r,t)&&e.push(t);return hasEnumBug&&collectNonEnumProps(r,e),e}const extendOwn=createAssigner(keys);function isMatch(r,e){var t=keys(e),n=t.length;if(r==null)return!n;for(var s=Object(r),l=0;l<n;l++){var o=t[l];if(e[o]!==s[o]||!(o in s))return!1}return!0}function matcher(r){return r=extendOwn({},r),function(e){return isMatch(e,r)}}function deepGet(r,e){for(var t=e.length,n=0;n<t;n++){if(r==null)return;r=r[e[n]]}return t?r:void 0}function toPath$1(r){return isArray(r)?r:[r]}_.toPath=toPath$1;function toPath(r){return _.toPath(r)}function property(r){return r=toPath(r),function(e){return deepGet(e,r)}}function optimizeCb(r,e,t){if(e===void 0)return r;switch(t??3){case 1:return function(n){return r.call(e,n)};case 3:return function(n,s,l){return r.call(e,n,s,l)};case 4:return function(n,s,l,o){return r.call(e,n,s,l,o)}}return function(){return r.apply(e,arguments)}}function baseIteratee(r,e,t){return r==null?identity:isFunction$1(r)?optimizeCb(r,e,t):isObject(r)&&!isArray(r)?matcher(r):property(r)}function iteratee(r,e){return baseIteratee(r,e,1/0)}_.iteratee=iteratee;function cb(r,e,t){return _.iteratee!==iteratee?_.iteratee(r,e):baseIteratee(r,e,t)}function createSizePropertyCheck(r){return function(e){var t=r(e);return typeof t=="number"&&t>=0&&t<=MAX_ARRAY_INDEX}}function shallowProperty(r){return function(e){return e==null?void 0:e[r]}}const getLength=shallowProperty("length"),isArrayLike=createSizePropertyCheck(getLength);function map(r,e,t){e=cb(e,t);for(var n=!isArrayLike(r)&&keys(r),s=(n||r).length,l=Array(s),o=0;o<s;o++){var a=n?n[o]:o;l[o]=e(r[a],a,r)}return l}function each(r,e,t){e=optimizeCb(e,t);var n,s;if(isArrayLike(r))for(n=0,s=r.length;n<s;n++)e(r[n],n,r);else{var l=keys(r);for(n=0,s=l.length;n<s;n++)e(r[l[n]],l[n],r)}return r}function filter(r,e,t){var n=[];return e=cb(e,t),each(r,function(s,l,o){e(s,l,o)&&n.push(s)}),n}function chain(r){var e=_(r);return e._chain=!0,e}function functions(r){var e=[];for(var t in r)isFunction$1(r[t])&&e.push(t);return e.sort()}function chainResult(r,e){return r._chain?_(e).chain():e}function mixin(r){return each(functions(r),function(e){var t=_[e]=r[e];_.prototype[e]=function(){var n=[this._wrapped];return push.apply(n,arguments),chainResult(this,t.apply(_,n))}}),_}mixin({chain,filter,each});class Converter{fromBlueprint(e,t=null){return map(e,(n,s)=>this.splitRhs(s,n,t))}toBlueprint(e){let t={};return each(e,n=>{t[n.field]=this.combineRhs(n)}),t}splitRhs(e,t,n=null){return{field:this.getScopedFieldHandle(e,n),operator:this.getOperatorFromRhs(t),value:this.getValueFromRhs(t)}}getScopedFieldHandle(e,t){return e.startsWith("root.")||!t?e:t+e}getOperatorFromRhs(e){let t="==";return chain(this.getOperatorsAndAliases()).filter(n=>new RegExp(`^${n} [^=]`).test(this.normalizeConditionString(e))).each(n=>t=n),this.normalizeOperator(t)}normalizeOperator(e){return ALIASES[e]?ALIASES[e]:e}getValueFromRhs(e){let t=this.normalizeConditionString(e);return chain(this.getOperatorsAndAliases()).filter(n=>new RegExp(`^${n} [^=]`).test(t)).each(n=>t=t.replace(new RegExp(`^${n}[ ]*`),"")),t}combineRhs(e){let t=e.operator?e.operator.trim():"",n=e.value.trim();return`${t} ${n}`.trim()}getOperatorsAndAliases(){return OPERATORS.concat(Object.keys(ALIASES))}normalizeConditionString(e){return e===null?"null":e===""?"empty":e.toString()}}function getDefaults(){return{async:!1,baseUrl:null,breaks:!1,extensions:null,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,hooks:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1}}let defaults=getDefaults();function changeDefaults(r){defaults=r}const escapeTest=/[&<>"']/,escapeReplace=new RegExp(escapeTest.source,"g"),escapeTestNoEncode=/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,escapeReplaceNoEncode=new RegExp(escapeTestNoEncode.source,"g"),escapeReplacements={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},getEscapeReplacement=r=>escapeReplacements[r];function escape(r,e){if(e){if(escapeTest.test(r))return r.replace(escapeReplace,getEscapeReplacement)}else if(escapeTestNoEncode.test(r))return r.replace(escapeReplaceNoEncode,getEscapeReplacement);return r}const unescapeTest=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;function unescape(r){return r.replace(unescapeTest,(e,t)=>(t=t.toLowerCase(),t==="colon"?":":t.charAt(0)==="#"?t.charAt(1)==="x"?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""))}const caret=/(^|[^\[])\^/g;function edit(r,e){r=typeof r=="string"?r:r.source,e=e||"";const t={replace:(n,s)=>(s=s.source||s,s=s.replace(caret,"$1"),r=r.replace(n,s),t),getRegex:()=>new RegExp(r,e)};return t}const nonWordAndColonTest=/[^\w:]/g,originIndependentUrl=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function cleanUrl(r,e,t){if(r){let n;try{n=decodeURIComponent(unescape(t)).replace(nonWordAndColonTest,"").toLowerCase()}catch{return null}if(n.indexOf("javascript:")===0||n.indexOf("vbscript:")===0||n.indexOf("data:")===0)return null}e&&!originIndependentUrl.test(t)&&(t=resolveUrl(e,t));try{t=encodeURI(t).replace(/%25/g,"%")}catch{return null}return t}const baseUrls={},justDomain=/^[^:]+:\/*[^/]*$/,protocol=/^([^:]+:)[\s\S]*$/,domain=/^([^:]+:\/*[^/]*)[\s\S]*$/;function resolveUrl(r,e){baseUrls[" "+r]||(justDomain.test(r)?baseUrls[" "+r]=r+"/":baseUrls[" "+r]=rtrim(r,"/",!0)),r=baseUrls[" "+r];const t=r.indexOf(":")===-1;return e.substring(0,2)==="//"?t?e:r.replace(protocol,"$1")+e:e.charAt(0)==="/"?t?e:r.replace(domain,"$1")+e:r+e}const noopTest={exec:function(){}};function splitCells(r,e){const t=r.replace(/\|/g,(l,o,a)=>{let c=!1,p=o;for(;--p>=0&&a[p]==="\\";)c=!c;return c?"|":" |"}),n=t.split(/ \|/);let s=0;if(n[0].trim()||n.shift(),n.length>0&&!n[n.length-1].trim()&&n.pop(),n.length>e)n.splice(e);else for(;n.length<e;)n.push("");for(;s<n.length;s++)n[s]=n[s].trim().replace(/\\\|/g,"|");return n}function rtrim(r,e,t){const n=r.length;if(n===0)return"";let s=0;for(;s<n;){const l=r.charAt(n-s-1);if(l===e&&!t)s++;else if(l!==e&&t)s++;else break}return r.slice(0,n-s)}function findClosingBracket(r,e){if(r.indexOf(e[1])===-1)return-1;const t=r.length;let n=0,s=0;for(;s<t;s++)if(r[s]==="\\")s++;else if(r[s]===e[0])n++;else if(r[s]===e[1]&&(n--,n<0))return s;return-1}function checkSanitizeDeprecation(r){r&&r.sanitize&&!r.silent&&console.warn("marked(): sanitize and sanitizer parameters are deprecated since version 0.7.0, should not be used and will be removed in the future. Read more here: https://marked.js.org/#/USING_ADVANCED.md#options")}function repeatString(r,e){if(e<1)return"";let t="";for(;e>1;)e&1&&(t+=r),e>>=1,r+=r;return t+r}function outputLink(r,e,t,n){const s=e.href,l=e.title?escape(e.title):null,o=r[1].replace(/\\([\[\]])/g,"$1");if(r[0].charAt(0)!=="!"){n.state.inLink=!0;const a={type:"link",raw:t,href:s,title:l,text:o,tokens:n.inlineTokens(o)};return n.state.inLink=!1,a}return{type:"image",raw:t,href:s,title:l,text:escape(o)}}function indentCodeCompensation(r,e){const t=r.match(/^(\s+)(?:```)/);if(t===null)return e;const n=t[1];return e.split(`
+`).map(s=>{const l=s.match(/^\s+/);if(l===null)return s;const[o]=l;return o.length>=n.length?s.slice(n.length):s}).join(`
+`)}class Tokenizer{constructor(e){this.options=e||defaults}space(e){const t=this.rules.block.newline.exec(e);if(t&&t[0].length>0)return{type:"space",raw:t[0]}}code(e){const t=this.rules.block.code.exec(e);if(t){const n=t[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:this.options.pedantic?n:rtrim(n,`
+`)}}}fences(e){const t=this.rules.block.fences.exec(e);if(t){const n=t[0],s=indentCodeCompensation(n,t[3]||"");return{type:"code",raw:n,lang:t[2]?t[2].trim().replace(this.rules.inline._escapes,"$1"):t[2],text:s}}}heading(e){const t=this.rules.block.heading.exec(e);if(t){let n=t[2].trim();if(/#$/.test(n)){const s=rtrim(n,"#");(this.options.pedantic||!s||/ $/.test(s))&&(n=s.trim())}return{type:"heading",raw:t[0],depth:t[1].length,text:n,tokens:this.lexer.inline(n)}}}hr(e){const t=this.rules.block.hr.exec(e);if(t)return{type:"hr",raw:t[0]}}blockquote(e){const t=this.rules.block.blockquote.exec(e);if(t){const n=t[0].replace(/^ *>[ \t]?/gm,""),s=this.lexer.state.top;this.lexer.state.top=!0;const l=this.lexer.blockTokens(n);return this.lexer.state.top=s,{type:"blockquote",raw:t[0],tokens:l,text:n}}}list(e){let t=this.rules.block.list.exec(e);if(t){let n,s,l,o,a,c,p,h,f,g,u,x,k=t[1].trim();const v=k.length>1,d={type:"list",raw:"",ordered:v,start:v?+k.slice(0,-1):"",loose:!1,items:[]};k=v?`\\d{1,9}\\${k.slice(-1)}`:`\\${k}`,this.options.pedantic&&(k=v?k:"[*+-]");const m=new RegExp(`^( {0,3}${k})((?:[	 ][^\\n]*)?(?:\\n|$))`);for(;e&&(x=!1,!(!(t=m.exec(e))||this.rules.block.hr.test(e)));){if(n=t[0],e=e.substring(n.length),h=t[2].split(`
+`,1)[0].replace(/^\t+/,y=>" ".repeat(3*y.length)),f=e.split(`
+`,1)[0],this.options.pedantic?(o=2,u=h.trimLeft()):(o=t[2].search(/[^ ]/),o=o>4?1:o,u=h.slice(o),o+=t[1].length),c=!1,!h&&/^ *$/.test(f)&&(n+=f+`
+`,e=e.substring(f.length+1),x=!0),!x){const y=new RegExp(`^ {0,${Math.min(3,o-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`),b=new RegExp(`^ {0,${Math.min(3,o-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),w=new RegExp(`^ {0,${Math.min(3,o-1)}}(?:\`\`\`|~~~)`),$=new RegExp(`^ {0,${Math.min(3,o-1)}}#`);for(;e&&(g=e.split(`
+`,1)[0],f=g,this.options.pedantic&&(f=f.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")),!(w.test(f)||$.test(f)||y.test(f)||b.test(e)));){if(f.search(/[^ ]/)>=o||!f.trim())u+=`
+`+f.slice(o);else{if(c||h.search(/[^ ]/)>=4||w.test(h)||$.test(h)||b.test(h))break;u+=`
+`+f}!c&&!f.trim()&&(c=!0),n+=g+`
+`,e=e.substring(g.length+1),h=f.slice(o)}}d.loose||(p?d.loose=!0:/\n *\n *$/.test(n)&&(p=!0)),this.options.gfm&&(s=/^\[[ xX]\] /.exec(u),s&&(l=s[0]!=="[ ] ",u=u.replace(/^\[[ xX]\] +/,""))),d.items.push({type:"list_item",raw:n,task:!!s,checked:l,loose:!1,text:u}),d.raw+=n}d.items[d.items.length-1].raw=n.trimRight(),d.items[d.items.length-1].text=u.trimRight(),d.raw=d.raw.trimRight();const S=d.items.length;for(a=0;a<S;a++)if(this.lexer.state.top=!1,d.items[a].tokens=this.lexer.blockTokens(d.items[a].text,[]),!d.loose){const y=d.items[a].tokens.filter(w=>w.type==="space"),b=y.length>0&&y.some(w=>/\n.*\n/.test(w.raw));d.loose=b}if(d.loose)for(a=0;a<S;a++)d.items[a].loose=!0;return d}}html(e){const t=this.rules.block.html.exec(e);if(t){const n={type:"html",raw:t[0],pre:!this.options.sanitizer&&(t[1]==="pre"||t[1]==="script"||t[1]==="style"),text:t[0]};if(this.options.sanitize){const s=this.options.sanitizer?this.options.sanitizer(t[0]):escape(t[0]);n.type="paragraph",n.text=s,n.tokens=this.lexer.inline(s)}return n}}def(e){const t=this.rules.block.def.exec(e);if(t){const n=t[1].toLowerCase().replace(/\s+/g," "),s=t[2]?t[2].replace(/^<(.*)>$/,"$1").replace(this.rules.inline._escapes,"$1"):"",l=t[3]?t[3].substring(1,t[3].length-1).replace(this.rules.inline._escapes,"$1"):t[3];return{type:"def",tag:n,raw:t[0],href:s,title:l}}}table(e){const t=this.rules.block.table.exec(e);if(t){const n={type:"table",header:splitCells(t[1]).map(s=>({text:s})),align:t[2].replace(/^ *|\| *$/g,"").split(/ *\| */),rows:t[3]&&t[3].trim()?t[3].replace(/\n[ \t]*$/,"").split(`
+`):[]};if(n.header.length===n.align.length){n.raw=t[0];let s=n.align.length,l,o,a,c;for(l=0;l<s;l++)/^ *-+: *$/.test(n.align[l])?n.align[l]="right":/^ *:-+: *$/.test(n.align[l])?n.align[l]="center":/^ *:-+ *$/.test(n.align[l])?n.align[l]="left":n.align[l]=null;for(s=n.rows.length,l=0;l<s;l++)n.rows[l]=splitCells(n.rows[l],n.header.length).map(p=>({text:p}));for(s=n.header.length,o=0;o<s;o++)n.header[o].tokens=this.lexer.inline(n.header[o].text);for(s=n.rows.length,o=0;o<s;o++)for(c=n.rows[o],a=0;a<c.length;a++)c[a].tokens=this.lexer.inline(c[a].text);return n}}}lheading(e){const t=this.rules.block.lheading.exec(e);if(t)return{type:"heading",raw:t[0],depth:t[2].charAt(0)==="="?1:2,text:t[1],tokens:this.lexer.inline(t[1])}}paragraph(e){const t=this.rules.block.paragraph.exec(e);if(t){const n=t[1].charAt(t[1].length-1)===`
+`?t[1].slice(0,-1):t[1];return{type:"paragraph",raw:t[0],text:n,tokens:this.lexer.inline(n)}}}text(e){const t=this.rules.block.text.exec(e);if(t)return{type:"text",raw:t[0],text:t[0],tokens:this.lexer.inline(t[0])}}escape(e){const t=this.rules.inline.escape.exec(e);if(t)return{type:"escape",raw:t[0],text:escape(t[1])}}tag(e){const t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&/^<a /i.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\/a>/i.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0])&&(this.lexer.state.inRawBlock=!1),{type:this.options.sanitize?"text":"html",raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(t[0]):escape(t[0]):t[0]}}link(e){const t=this.rules.inline.link.exec(e);if(t){const n=t[2].trim();if(!this.options.pedantic&&/^</.test(n)){if(!/>$/.test(n))return;const o=rtrim(n.slice(0,-1),"\\");if((n.length-o.length)%2===0)return}else{const o=findClosingBracket(t[2],"()");if(o>-1){const c=(t[0].indexOf("!")===0?5:4)+t[1].length+o;t[2]=t[2].substring(0,o),t[0]=t[0].substring(0,c).trim(),t[3]=""}}let s=t[2],l="";if(this.options.pedantic){const o=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(s);o&&(s=o[1],l=o[3])}else l=t[3]?t[3].slice(1,-1):"";return s=s.trim(),/^</.test(s)&&(this.options.pedantic&&!/>$/.test(n)?s=s.slice(1):s=s.slice(1,-1)),outputLink(t,{href:s&&s.replace(this.rules.inline._escapes,"$1"),title:l&&l.replace(this.rules.inline._escapes,"$1")},t[0],this.lexer)}}reflink(e,t){let n;if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){let s=(n[2]||n[1]).replace(/\s+/g," ");if(s=t[s.toLowerCase()],!s){const l=n[0].charAt(0);return{type:"text",raw:l,text:l}}return outputLink(n,s,n[0],this.lexer)}}emStrong(e,t,n=""){let s=this.rules.inline.emStrong.lDelim.exec(e);if(!s||s[3]&&n.match(/[\p{L}\p{N}]/u))return;const l=s[1]||s[2]||"";if(!l||l&&(n===""||this.rules.inline.punctuation.exec(n))){const o=s[0].length-1;let a,c,p=o,h=0;const f=s[0][0]==="*"?this.rules.inline.emStrong.rDelimAst:this.rules.inline.emStrong.rDelimUnd;for(f.lastIndex=0,t=t.slice(-1*e.length+o);(s=f.exec(t))!=null;){if(a=s[1]||s[2]||s[3]||s[4]||s[5]||s[6],!a)continue;if(c=a.length,s[3]||s[4]){p+=c;continue}else if((s[5]||s[6])&&o%3&&!((o+c)%3)){h+=c;continue}if(p-=c,p>0)continue;c=Math.min(c,c+p+h);const g=e.slice(0,o+s.index+(s[0].length-a.length)+c);if(Math.min(o,c)%2){const x=g.slice(1,-1);return{type:"em",raw:g,text:x,tokens:this.lexer.inlineTokens(x)}}const u=g.slice(2,-2);return{type:"strong",raw:g,text:u,tokens:this.lexer.inlineTokens(u)}}}}codespan(e){const t=this.rules.inline.code.exec(e);if(t){let n=t[2].replace(/\n/g," ");const s=/[^ ]/.test(n),l=/^ /.test(n)&&/ $/.test(n);return s&&l&&(n=n.substring(1,n.length-1)),n=escape(n,!0),{type:"codespan",raw:t[0],text:n}}}br(e){const t=this.rules.inline.br.exec(e);if(t)return{type:"br",raw:t[0]}}del(e){const t=this.rules.inline.del.exec(e);if(t)return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2])}}autolink(e,t){const n=this.rules.inline.autolink.exec(e);if(n){let s,l;return n[2]==="@"?(s=escape(this.options.mangle?t(n[1]):n[1]),l="mailto:"+s):(s=escape(n[1]),l=s),{type:"link",raw:n[0],text:s,href:l,tokens:[{type:"text",raw:s,text:s}]}}}url(e,t){let n;if(n=this.rules.inline.url.exec(e)){let s,l;if(n[2]==="@")s=escape(this.options.mangle?t(n[0]):n[0]),l="mailto:"+s;else{let o;do o=n[0],n[0]=this.rules.inline._backpedal.exec(n[0])[0];while(o!==n[0]);s=escape(n[0]),n[1]==="www."?l="http://"+n[0]:l=n[0]}return{type:"link",raw:n[0],text:s,href:l,tokens:[{type:"text",raw:s,text:s}]}}}inlineText(e,t){const n=this.rules.inline.text.exec(e);if(n){let s;return this.lexer.state.inRawBlock?s=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(n[0]):escape(n[0]):n[0]:s=escape(this.options.smartypants?t(n[0]):n[0]),{type:"text",raw:n[0],text:s}}}}const block={newline:/^(?: *(?:\n|$))+/,code:/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,fences:/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,hr:/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/,html:"^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))",def:/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/,table:noopTest,lheading:/^((?:.|\n(?!\n))+?)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,text:/^[^\n]+/};block._label=/(?!\s*\])(?:\\.|[^\[\]\\])+/,block._title=/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/,block.def=edit(block.def).replace("label",block._label).replace("title",block._title).getRegex(),block.bullet=/(?:[*+-]|\d{1,9}[.)])/,block.listItemStart=edit(/^( *)(bull) */).replace("bull",block.bullet).getRegex(),block.list=edit(block.list).replace(/bull/g,block.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+block.def.source+")").getRegex(),block._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",block._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,block.html=edit(block.html,"i").replace("comment",block._comment).replace("tag",block._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),block.paragraph=edit(block._paragraph).replace("hr",block.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",block._tag).getRegex(),block.blockquote=edit(block.blockquote).replace("paragraph",block.paragraph).getRegex(),block.normal={...block},block.gfm={...block.normal,table:"^ *([^\\n ].*\\|.*)\\n {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"},block.gfm.table=edit(block.gfm.table).replace("hr",block.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",block._tag).getRegex(),block.gfm.paragraph=edit(block._paragraph).replace("hr",block.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("table",block.gfm.table).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",block._tag).getRegex(),block.pedantic={...block.normal,html:edit(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment",block._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:noopTest,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:edit(block.normal._paragraph).replace("hr",block.hr).replace("heading",` *#{1,6} *[^
+]`).replace("lheading",block.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()};const inline={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:noopTest,tag:"^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>",link:/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(ref)\]/,nolink:/^!?\[(ref)\](?:\[\])?/,reflinkSearch:"reflink|nolink(?!\\()",emStrong:{lDelim:/^(?:\*+(?:([punct_])|[^\s*]))|^_+(?:([punct*])|([^\s_]))/,rDelimAst:/^(?:[^_*\\]|\\.)*?\_\_(?:[^_*\\]|\\.)*?\*(?:[^_*\\]|\\.)*?(?=\_\_)|(?:[^*\\]|\\.)+(?=[^*])|[punct_](\*+)(?=[\s]|$)|(?:[^punct*_\s\\]|\\.)(\*+)(?=[punct_\s]|$)|[punct_\s](\*+)(?=[^punct*_\s])|[\s](\*+)(?=[punct_])|[punct_](\*+)(?=[punct_])|(?:[^punct*_\s\\]|\\.)(\*+)(?=[^punct*_\s])/,rDelimUnd:/^(?:[^_*\\]|\\.)*?\*\*(?:[^_*\\]|\\.)*?\_(?:[^_*\\]|\\.)*?(?=\*\*)|(?:[^_\\]|\\.)+(?=[^_])|[punct*](\_+)(?=[\s]|$)|(?:[^punct*_\s\\]|\\.)(\_+)(?=[punct*\s]|$)|[punct*\s](\_+)(?=[^punct*_\s])|[\s](\_+)(?=[punct*])|[punct*](\_+)(?=[punct*])/},code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:noopTest,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\spunctuation])/};inline._punctuation="!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~",inline.punctuation=edit(inline.punctuation).replace(/punctuation/g,inline._punctuation).getRegex(),inline.blockSkip=/\[[^\]]*?\]\([^\)]*?\)|`[^`]*?`|<[^>]*?>/g,inline.escapedEmSt=/(?:^|[^\\])(?:\\\\)*\\[*_]/g,inline._comment=edit(block._comment).replace("(?:-->|$)","-->").getRegex(),inline.emStrong.lDelim=edit(inline.emStrong.lDelim).replace(/punct/g,inline._punctuation).getRegex(),inline.emStrong.rDelimAst=edit(inline.emStrong.rDelimAst,"g").replace(/punct/g,inline._punctuation).getRegex(),inline.emStrong.rDelimUnd=edit(inline.emStrong.rDelimUnd,"g").replace(/punct/g,inline._punctuation).getRegex(),inline._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,inline._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,inline._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,inline.autolink=edit(inline.autolink).replace("scheme",inline._scheme).replace("email",inline._email).getRegex(),inline._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,inline.tag=edit(inline.tag).replace("comment",inline._comment).replace("attribute",inline._attribute).getRegex(),inline._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,inline._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/,inline._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,inline.link=edit(inline.link).replace("label",inline._label).replace("href",inline._href).replace("title",inline._title).getRegex(),inline.reflink=edit(inline.reflink).replace("label",inline._label).replace("ref",block._label).getRegex(),inline.nolink=edit(inline.nolink).replace("ref",block._label).getRegex(),inline.reflinkSearch=edit(inline.reflinkSearch,"g").replace("reflink",inline.reflink).replace("nolink",inline.nolink).getRegex(),inline.normal={...inline},inline.pedantic={...inline.normal,strong:{start:/^__|\*\*/,middle:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,endAst:/\*\*(?!\*)/g,endUnd:/__(?!_)/g},em:{start:/^_|\*/,middle:/^()\*(?=\S)([\s\S]*?\S)\*(?!\*)|^_(?=\S)([\s\S]*?\S)_(?!_)/,endAst:/\*(?!\*)/g,endUnd:/_(?!_)/g},link:edit(/^!?\[(label)\]\((.*?)\)/).replace("label",inline._label).getRegex(),reflink:edit(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",inline._label).getRegex()},inline.gfm={...inline.normal,escape:edit(inline.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/},inline.gfm.url=edit(inline.gfm.url,"i").replace("email",inline.gfm._extended_email).getRegex(),inline.breaks={...inline.gfm,br:edit(inline.br).replace("{2,}","*").getRegex(),text:edit(inline.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()};function smartypants(r){return r.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…")}function mangle(r){let e="",t,n;const s=r.length;for(t=0;t<s;t++)n=r.charCodeAt(t),Math.random()>.5&&(n="x"+n.toString(16)),e+="&#"+n+";";return e}class Lexer{constructor(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||defaults,this.options.tokenizer=this.options.tokenizer||new Tokenizer,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};const t={block:block.normal,inline:inline.normal};this.options.pedantic?(t.block=block.pedantic,t.inline=inline.pedantic):this.options.gfm&&(t.block=block.gfm,this.options.breaks?t.inline=inline.breaks:t.inline=inline.gfm),this.tokenizer.rules=t}static get rules(){return{block,inline}}static lex(e,t){return new Lexer(t).lex(e)}static lexInline(e,t){return new Lexer(t).inlineTokens(e)}lex(e){e=e.replace(/\r\n|\r/g,`
+`),this.blockTokens(e,this.tokens);let t;for(;t=this.inlineQueue.shift();)this.inlineTokens(t.src,t.tokens);return this.tokens}blockTokens(e,t=[]){this.options.pedantic?e=e.replace(/\t/g,"    ").replace(/^ +$/gm,""):e=e.replace(/^( *)(\t+)/gm,(a,c,p)=>c+"    ".repeat(p.length));let n,s,l,o;for(;e;)if(!(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some(a=>(n=a.call({lexer:this},e,t))?(e=e.substring(n.raw.length),t.push(n),!0):!1))){if(n=this.tokenizer.space(e)){e=e.substring(n.raw.length),n.raw.length===1&&t.length>0?t[t.length-1].raw+=`
+`:t.push(n);continue}if(n=this.tokenizer.code(e)){e=e.substring(n.raw.length),s=t[t.length-1],s&&(s.type==="paragraph"||s.type==="text")?(s.raw+=`
+`+n.raw,s.text+=`
+`+n.text,this.inlineQueue[this.inlineQueue.length-1].src=s.text):t.push(n);continue}if(n=this.tokenizer.fences(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.heading(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.hr(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.blockquote(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.list(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.html(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.def(e)){e=e.substring(n.raw.length),s=t[t.length-1],s&&(s.type==="paragraph"||s.type==="text")?(s.raw+=`
+`+n.raw,s.text+=`
+`+n.raw,this.inlineQueue[this.inlineQueue.length-1].src=s.text):this.tokens.links[n.tag]||(this.tokens.links[n.tag]={href:n.href,title:n.title});continue}if(n=this.tokenizer.table(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.lheading(e)){e=e.substring(n.raw.length),t.push(n);continue}if(l=e,this.options.extensions&&this.options.extensions.startBlock){let a=1/0;const c=e.slice(1);let p;this.options.extensions.startBlock.forEach(function(h){p=h.call({lexer:this},c),typeof p=="number"&&p>=0&&(a=Math.min(a,p))}),a<1/0&&a>=0&&(l=e.substring(0,a+1))}if(this.state.top&&(n=this.tokenizer.paragraph(l))){s=t[t.length-1],o&&s.type==="paragraph"?(s.raw+=`
+`+n.raw,s.text+=`
+`+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=s.text):t.push(n),o=l.length!==e.length,e=e.substring(n.raw.length);continue}if(n=this.tokenizer.text(e)){e=e.substring(n.raw.length),s=t[t.length-1],s&&s.type==="text"?(s.raw+=`
+`+n.raw,s.text+=`
+`+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=s.text):t.push(n);continue}if(e){const a="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(a);break}else throw new Error(a)}}return this.state.top=!0,t}inline(e,t=[]){return this.inlineQueue.push({src:e,tokens:t}),t}inlineTokens(e,t=[]){let n,s,l,o=e,a,c,p;if(this.tokens.links){const h=Object.keys(this.tokens.links);if(h.length>0)for(;(a=this.tokenizer.rules.inline.reflinkSearch.exec(o))!=null;)h.includes(a[0].slice(a[0].lastIndexOf("[")+1,-1))&&(o=o.slice(0,a.index)+"["+repeatString("a",a[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;(a=this.tokenizer.rules.inline.blockSkip.exec(o))!=null;)o=o.slice(0,a.index)+"["+repeatString("a",a[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;(a=this.tokenizer.rules.inline.escapedEmSt.exec(o))!=null;)o=o.slice(0,a.index+a[0].length-2)+"++"+o.slice(this.tokenizer.rules.inline.escapedEmSt.lastIndex),this.tokenizer.rules.inline.escapedEmSt.lastIndex--;for(;e;)if(c||(p=""),c=!1,!(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some(h=>(n=h.call({lexer:this},e,t))?(e=e.substring(n.raw.length),t.push(n),!0):!1))){if(n=this.tokenizer.escape(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.tag(e)){e=e.substring(n.raw.length),s=t[t.length-1],s&&n.type==="text"&&s.type==="text"?(s.raw+=n.raw,s.text+=n.text):t.push(n);continue}if(n=this.tokenizer.link(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.reflink(e,this.tokens.links)){e=e.substring(n.raw.length),s=t[t.length-1],s&&n.type==="text"&&s.type==="text"?(s.raw+=n.raw,s.text+=n.text):t.push(n);continue}if(n=this.tokenizer.emStrong(e,o,p)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.codespan(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.br(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.del(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.autolink(e,mangle)){e=e.substring(n.raw.length),t.push(n);continue}if(!this.state.inLink&&(n=this.tokenizer.url(e,mangle))){e=e.substring(n.raw.length),t.push(n);continue}if(l=e,this.options.extensions&&this.options.extensions.startInline){let h=1/0;const f=e.slice(1);let g;this.options.extensions.startInline.forEach(function(u){g=u.call({lexer:this},f),typeof g=="number"&&g>=0&&(h=Math.min(h,g))}),h<1/0&&h>=0&&(l=e.substring(0,h+1))}if(n=this.tokenizer.inlineText(l,smartypants)){e=e.substring(n.raw.length),n.raw.slice(-1)!=="_"&&(p=n.raw.slice(-1)),c=!0,s=t[t.length-1],s&&s.type==="text"?(s.raw+=n.raw,s.text+=n.text):t.push(n);continue}if(e){const h="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(h);break}else throw new Error(h)}}return t}}class Renderer{constructor(e){this.options=e||defaults}code(e,t,n){const s=(t||"").match(/\S*/)[0];if(this.options.highlight){const l=this.options.highlight(e,s);l!=null&&l!==e&&(n=!0,e=l)}return e=e.replace(/\n$/,"")+`
+`,s?'<pre><code class="'+this.options.langPrefix+escape(s)+'">'+(n?e:escape(e,!0))+`</code></pre>
+`:"<pre><code>"+(n?e:escape(e,!0))+`</code></pre>
+`}blockquote(e){return`<blockquote>
+${e}</blockquote>
+`}html(e){return e}heading(e,t,n,s){if(this.options.headerIds){const l=this.options.headerPrefix+s.slug(n);return`<h${t} id="${l}">${e}</h${t}>
+`}return`<h${t}>${e}</h${t}>
+`}hr(){return this.options.xhtml?`<hr/>
+`:`<hr>
+`}list(e,t,n){const s=t?"ol":"ul",l=t&&n!==1?' start="'+n+'"':"";return"<"+s+l+`>
+`+e+"</"+s+`>
+`}listitem(e){return`<li>${e}</li>
+`}checkbox(e){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "}paragraph(e){return`<p>${e}</p>
+`}table(e,t){return t&&(t=`<tbody>${t}</tbody>`),`<table>
+<thead>
+`+e+`</thead>
+`+t+`</table>
+`}tablerow(e){return`<tr>
+${e}</tr>
+`}tablecell(e,t){const n=t.header?"th":"td";return(t.align?`<${n} align="${t.align}">`:`<${n}>`)+e+`</${n}>
+`}strong(e){return`<strong>${e}</strong>`}em(e){return`<em>${e}</em>`}codespan(e){return`<code>${e}</code>`}br(){return this.options.xhtml?"<br/>":"<br>"}del(e){return`<del>${e}</del>`}link(e,t,n){if(e=cleanUrl(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let s='<a href="'+e+'"';return t&&(s+=' title="'+t+'"'),s+=">"+n+"</a>",s}image(e,t,n){if(e=cleanUrl(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let s=`<img src="${e}" alt="${n}"`;return t&&(s+=` title="${t}"`),s+=this.options.xhtml?"/>":">",s}text(e){return e}}class TextRenderer{strong(e){return e}em(e){return e}codespan(e){return e}del(e){return e}html(e){return e}text(e){return e}link(e,t,n){return""+n}image(e,t,n){return""+n}br(){return""}}class Slugger{constructor(){this.seen={}}serialize(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/ig,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")}getNextSafeSlug(e,t){let n=e,s=0;if(this.seen.hasOwnProperty(n)){s=this.seen[e];do s++,n=e+"-"+s;while(this.seen.hasOwnProperty(n))}return t||(this.seen[e]=s,this.seen[n]=0),n}slug(e,t={}){const n=this.serialize(e);return this.getNextSafeSlug(n,t.dryrun)}}class Parser{constructor(e){this.options=e||defaults,this.options.renderer=this.options.renderer||new Renderer,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new TextRenderer,this.slugger=new Slugger}static parse(e,t){return new Parser(t).parse(e)}static parseInline(e,t){return new Parser(t).parseInline(e)}parse(e,t=!0){let n="",s,l,o,a,c,p,h,f,g,u,x,k,v,d,m,S,y,b,w;const $=e.length;for(s=0;s<$;s++){if(u=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[u.type]&&(w=this.options.extensions.renderers[u.type].call({parser:this},u),w!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(u.type))){n+=w||"";continue}switch(u.type){case"space":continue;case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(u.tokens),u.depth,unescape(this.parseInline(u.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(u.text,u.lang,u.escaped);continue}case"table":{for(f="",h="",a=u.header.length,l=0;l<a;l++)h+=this.renderer.tablecell(this.parseInline(u.header[l].tokens),{header:!0,align:u.align[l]});for(f+=this.renderer.tablerow(h),g="",a=u.rows.length,l=0;l<a;l++){for(p=u.rows[l],h="",c=p.length,o=0;o<c;o++)h+=this.renderer.tablecell(this.parseInline(p[o].tokens),{header:!1,align:u.align[o]});g+=this.renderer.tablerow(h)}n+=this.renderer.table(f,g);continue}case"blockquote":{g=this.parse(u.tokens),n+=this.renderer.blockquote(g);continue}case"list":{for(x=u.ordered,k=u.start,v=u.loose,a=u.items.length,g="",l=0;l<a;l++)m=u.items[l],S=m.checked,y=m.task,d="",m.task&&(b=this.renderer.checkbox(S),v?m.tokens.length>0&&m.tokens[0].type==="paragraph"?(m.tokens[0].text=b+" "+m.tokens[0].text,m.tokens[0].tokens&&m.tokens[0].tokens.length>0&&m.tokens[0].tokens[0].type==="text"&&(m.tokens[0].tokens[0].text=b+" "+m.tokens[0].tokens[0].text)):m.tokens.unshift({type:"text",text:b}):d+=b),d+=this.parse(m.tokens,v),g+=this.renderer.listitem(d,y,S);n+=this.renderer.list(g,x,k);continue}case"html":{n+=this.renderer.html(u.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(u.tokens));continue}case"text":{for(g=u.tokens?this.parseInline(u.tokens):u.text;s+1<$&&e[s+1].type==="text";)u=e[++s],g+=`
+`+(u.tokens?this.parseInline(u.tokens):u.text);n+=t?this.renderer.paragraph(g):g;continue}default:{const A='Token with "'+u.type+'" type was not found.';if(this.options.silent){console.error(A);return}else throw new Error(A)}}}return n}parseInline(e,t){t=t||this.renderer;let n="",s,l,o;const a=e.length;for(s=0;s<a;s++){if(l=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[l.type]&&(o=this.options.extensions.renderers[l.type].call({parser:this},l),o!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(l.type))){n+=o||"";continue}switch(l.type){case"escape":{n+=t.text(l.text);break}case"html":{n+=t.html(l.text);break}case"link":{n+=t.link(l.href,l.title,this.parseInline(l.tokens,t));break}case"image":{n+=t.image(l.href,l.title,l.text);break}case"strong":{n+=t.strong(this.parseInline(l.tokens,t));break}case"em":{n+=t.em(this.parseInline(l.tokens,t));break}case"codespan":{n+=t.codespan(l.text);break}case"br":{n+=t.br();break}case"del":{n+=t.del(this.parseInline(l.tokens,t));break}case"text":{n+=t.text(l.text);break}default:{const c='Token with "'+l.type+'" type was not found.';if(this.options.silent){console.error(c);return}else throw new Error(c)}}}return n}}class Hooks{constructor(e){this.options=e||defaults}preprocess(e){return e}postprocess(e){return e}}R(Hooks,"passThroughHooks",new Set(["preprocess","postprocess"]));function onError(r,e,t){return n=>{if(n.message+=`
+Please report this to https://github.com/markedjs/marked.`,r){const s="<p>An error occurred:</p><pre>"+escape(n.message+"",!0)+"</pre>";if(e)return Promise.resolve(s);if(t){t(null,s);return}return s}if(e)return Promise.reject(n);if(t){t(n);return}throw n}}function parseMarkdown(r,e){return(t,n,s)=>{typeof n=="function"&&(s=n,n=null);const l={...n};n={...marked.defaults,...l};const o=onError(n.silent,n.async,s);if(typeof t>"u"||t===null)return o(new Error("marked(): input parameter is undefined or null"));if(typeof t!="string")return o(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(t)+", string expected"));if(checkSanitizeDeprecation(n),n.hooks&&(n.hooks.options=n),s){const a=n.highlight;let c;try{n.hooks&&(t=n.hooks.preprocess(t)),c=r(t,n)}catch(f){return o(f)}const p=function(f){let g;if(!f)try{n.walkTokens&&marked.walkTokens(c,n.walkTokens),g=e(c,n),n.hooks&&(g=n.hooks.postprocess(g))}catch(u){f=u}return n.highlight=a,f?o(f):s(null,g)};if(!a||a.length<3||(delete n.highlight,!c.length))return p();let h=0;marked.walkTokens(c,function(f){f.type==="code"&&(h++,setTimeout(()=>{a(f.text,f.lang,function(g,u){if(g)return p(g);u!=null&&u!==f.text&&(f.text=u,f.escaped=!0),h--,h===0&&p()})},0))}),h===0&&p();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(t):t).then(a=>r(a,n)).then(a=>n.walkTokens?Promise.all(marked.walkTokens(a,n.walkTokens)).then(()=>a):a).then(a=>e(a,n)).then(a=>n.hooks?n.hooks.postprocess(a):a).catch(o);try{n.hooks&&(t=n.hooks.preprocess(t));const a=r(t,n);n.walkTokens&&marked.walkTokens(a,n.walkTokens);let c=e(a,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(a){return o(a)}}}function marked(r,e,t){return parseMarkdown(Lexer.lex,Parser.parse)(r,e,t)}marked.options=marked.setOptions=function(r){return marked.defaults={...marked.defaults,...r},changeDefaults(marked.defaults),marked},marked.getDefaults=getDefaults,marked.defaults=defaults,marked.use=function(...r){const e=marked.defaults.extensions||{renderers:{},childTokens:{}};r.forEach(t=>{const n={...t};if(n.async=marked.defaults.async||n.async||!1,t.extensions&&(t.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if(s.renderer){const l=e.renderers[s.name];l?e.renderers[s.name]=function(...o){let a=s.renderer.apply(this,o);return a===!1&&(a=l.apply(this,o)),a}:e.renderers[s.name]=s.renderer}if(s.tokenizer){if(!s.level||s.level!=="block"&&s.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");e[s.level]?e[s.level].unshift(s.tokenizer):e[s.level]=[s.tokenizer],s.start&&(s.level==="block"?e.startBlock?e.startBlock.push(s.start):e.startBlock=[s.start]:s.level==="inline"&&(e.startInline?e.startInline.push(s.start):e.startInline=[s.start]))}s.childTokens&&(e.childTokens[s.name]=s.childTokens)}),n.extensions=e),t.renderer){const s=marked.defaults.renderer||new Renderer;for(const l in t.renderer){const o=s[l];s[l]=(...a)=>{let c=t.renderer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.renderer=s}if(t.tokenizer){const s=marked.defaults.tokenizer||new Tokenizer;for(const l in t.tokenizer){const o=s[l];s[l]=(...a)=>{let c=t.tokenizer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.tokenizer=s}if(t.hooks){const s=marked.defaults.hooks||new Hooks;for(const l in t.hooks){const o=s[l];Hooks.passThroughHooks.has(l)?s[l]=a=>{if(marked.defaults.async)return Promise.resolve(t.hooks[l].call(s,a)).then(p=>o.call(s,p));const c=t.hooks[l].call(s,a);return o.call(s,c)}:s[l]=(...a)=>{let c=t.hooks[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.hooks=s}if(t.walkTokens){const s=marked.defaults.walkTokens;n.walkTokens=function(l){let o=[];return o.push(t.walkTokens.call(this,l)),s&&(o=o.concat(s.call(this,l))),o}}marked.setOptions(n)})},marked.walkTokens=function(r,e){let t=[];for(const n of r)switch(t=t.concat(e.call(marked,n)),n.type){case"table":{for(const s of n.header)t=t.concat(marked.walkTokens(s.tokens,e));for(const s of n.rows)for(const l of s)t=t.concat(marked.walkTokens(l.tokens,e));break}case"list":{t=t.concat(marked.walkTokens(n.items,e));break}default:marked.defaults.extensions&&marked.defaults.extensions.childTokens&&marked.defaults.extensions.childTokens[n.type]?marked.defaults.extensions.childTokens[n.type].forEach(function(s){t=t.concat(marked.walkTokens(n[s],e))}):n.tokens&&(t=t.concat(marked.walkTokens(n.tokens,e)))}return t},marked.parseInline=parseMarkdown(Lexer.lexInline,Parser.parseInline),marked.Parser=Parser,marked.parser=Parser.parse,marked.Renderer=Renderer,marked.TextRenderer=TextRenderer,marked.Lexer=Lexer,marked.lexer=Lexer.lex,marked.Tokenizer=Tokenizer,marked.Slugger=Slugger,marked.Hooks=Hooks,marked.parse=marked,marked.options,marked.setOptions,marked.use,marked.walkTokens,marked.parseInline,Parser.parse,Lexer.lex;function getAugmentedNamespace(r){if(r.__esModule)return r;var e=r.default;if(typeof e=="function"){var t=function n(){return this instanceof n?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};t.prototype=e.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(r).forEach(function(n){var s=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:function(){return r[n]}})}),t}function commonjsRequire(r){throw new Error('Could not dynamically require "'+r+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var uniqid={exports:{}};const __viteBrowserExternal={},__viteBrowserExternal$1=Object.freeze(Object.defineProperty({__proto__:null,default:__viteBrowserExternal},Symbol.toStringTag,{value:"Module"})),require$$0=getAugmentedNamespace(__viteBrowserExternal$1);var pid=typeof process<"u"&&process.pid?process.pid.toString(36):"",address="";if(typeof __webpack_require__!="function"&&typeof commonjsRequire<"u"){var mac="",os=require$$0;if(os.networkInterfaces)var networkInterfaces=os.networkInterfaces();if(networkInterfaces){e:for(let r in networkInterfaces){const e=networkInterfaces[r],t=e.length;for(var i=0;i<t;i++)if(e[i]!==void 0&&e[i].mac&&e[i].mac!="00:00:00:00:00:00"){mac=e[i].mac;break e}}address=mac?parseInt(mac.replace(/\:|\D+/gi,"")).toString(36):""}}uniqid.exports=uniqid.exports.default=function(r,e){return(r||"")+address+pid+now().toString(36)+(e||"")},uniqid.exports.process=function(r,e){return(r||"")+pid+now().toString(36)+(e||"")},uniqid.exports.time=function(r,e){return(r||"")+now().toString(36)+(e||"")};function now(){var r=Date.now(),e=now.last||r;return now.last=r>e?r:e+1}function data_get(r,e,t=null){var n=Array.isArray(e)?e:e.split("."),s=n.reduce((l,o)=>l&&l[o],r);return s!==void 0?s:t}const isString=tagTester("String");var isArguments=tagTester("Arguments");(function(){isArguments(arguments)||(isArguments=function(r){return has(r,"callee")})})();const isArguments$1=isArguments;function isEmpty(r){if(r==null)return!0;var e=getLength(r);return typeof e=="number"&&(isArray(r)||isString(r)||isArguments$1(r))?e===0:getLength(keys(r))===0}function values(r){for(var e=keys(r),t=e.length,n=Array(t),s=0;s<t;s++)n[s]=r[e[s]];return n}function sortedIndex(r,e,t,n){t=cb(t,n,1);for(var s=t(e),l=0,o=getLength(r);l<o;){var a=Math.floor((l+o)/2);t(r[a])<s?l=a+1:o=a}return l}function createPredicateIndexFinder(r){return function(e,t,n){t=cb(t,n);for(var s=getLength(e),l=r>0?0:s-1;l>=0&&l<s;l+=r)if(t(e[l],l,e))return l;return-1}}const findIndex=createPredicateIndexFinder(1),isNumber=tagTester("Number");function isNaN$1(r){return isNumber(r)&&_isNaN(r)}function createIndexFinder(r,e,t){return function(n,s,l){var o=0,a=getLength(n);if(typeof l=="number")r>0?o=l>=0?l:Math.max(l+a,o):a=l>=0?Math.min(l+1,a):l+a+1;else if(t&&l&&a)return l=t(n,s),n[l]===s?l:-1;if(s!==s)return l=e(slice.call(n,o,a),isNaN$1),l>=0?l+o:-1;for(l=r>0?o:a-1;l>=0&&l<a;l+=r)if(n[l]===s)return l;return-1}}const indexOf=createIndexFinder(1,findIndex,sortedIndex);function contains(r,e,t,n){return isArrayLike(r)||(r=values(r)),(typeof t!="number"||n)&&(t=0),indexOf(r,e,t)>=0}function intersection(r){for(var e=[],t=arguments.length,n=0,s=getLength(r);n<s;n++){var l=r[n];if(!contains(e,l)){var o;for(o=1;o<t&&contains(arguments[o],l);o++);o===t&&e.push(l)}}return e}function negate(r){return function(){return!r.apply(this,arguments)}}function reject(r,e,t){return filter(r,negate(cb(e)),t)}function initial(r,e,t){return slice.call(r,0,Math.max(0,r.length-(e==null||t?1:e)))}function first(r,e,t){return r==null||r.length<1?e==null||t?void 0:[]:e==null||t?r[0]:initial(r,r.length-e)}mixin({chain,map,each,filter,reject,first,isEmpty});const NUMBER_SPECIFIC_COMPARISONS=[">",">=","<","<="];class Validator{constructor(r,e,t,n){this.field=r,this.values=e,this.rootValues=t?t.state.publish[n].values:!1,this.store=t,this.storeName=n,this.passOnAny=!1,this.showOnPass=!0,this.converter=new Converter}passesConditions(r){let e=r||this.getConditions();if(e===void 0)return!0;if(this.isCustomConditionWithoutTarget(e))return this.passesCustomCondition(this.prepareCondition(e));let t=this.passOnAny?this.passesAnyConditions(e):this.passesAllConditions(e);return this.showOnPass?t:!t}getConditions(){let r=chain(KEYS).filter(t=>this.field[t]).first().value();if(!r)return;r.includes("any")&&(this.passOnAny=!0),(r.includes("unless")||r.includes("hide_when"))&&(this.showOnPass=!1);let e=this.field[r];return this.isCustomConditionWithoutTarget(e)?e:this.converter.fromBlueprint(e,this.field.prefix)}isCustomConditionWithoutTarget(r){return isString(r)}passesAllConditions(r){return chain(r).map(e=>this.prepareCondition(e)).reject(e=>this.passesCondition(e)).isEmpty().value()}passesAnyConditions(r){return!chain(r).map(e=>this.prepareCondition(e)).filter(e=>this.passesCondition(e)).isEmpty().value()}prepareCondition(r){if(isString(r)||r.operator==="custom")return this.prepareCustomCondition(r);let e=this.prepareOperator(r.operator),t=this.prepareLhs(r.field,e),n=this.prepareRhs(r.value,e);return{lhs:t,operator:e,rhs:n}}prepareOperator(r){switch(r){case null:case"":case"is":case"equals":return"==";case"isnt":case"not":case"¯\\_(ツ)_/¯":return"!=";case"includes":case"contains":return"includes";case"includes_any":case"contains_any":return"includes_any"}return r}prepareLhs(r,e){let t=this.getFieldValue(r);return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(t):e==="includes"&&!isObject(t)?t?t.toString():"":(isString(t)&&isEmpty(t)&&(t=null),isString(t)?JSON.stringify(t.trim()):t)}prepareRhs(r,e){switch(r){case"null":return null;case"true":return!0;case"false":return!1}return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(r):r==="empty"||e==="includes"||e==="includes_any"?r:isString(r)?JSON.stringify(r.trim()):r}prepareCustomCondition(r){let e=this.prepareFunctionName(r.value||r),t=this.prepareParams(r.value||r),n=r.field?this.getFieldValue(r.field):null;return{functionName:e,params:t,target:n}}prepareFunctionName(r){return r.replace(new RegExp("^custom "),"").split(":")[0]}prepareParams(r){let e=r.split(":")[1];return e?e.split(",").map(t=>t.trim()):[]}getFieldValue(r){return r.startsWith("root.")?data_get(this.rootValues,r.replace(new RegExp("^root."),"")):data_get(this.values,r)}passesCondition(condition){return condition.functionName?this.passesCustomCondition(condition):condition.operator==="includes"?this.passesIncludesCondition(condition):condition.operator==="includes_any"?this.passesIncludesAnyCondition(condition):(condition.rhs==="empty"&&(condition.lhs=isEmpty(condition.lhs),condition.rhs=!0),isObject(condition.lhs)?!1:eval(`${condition.lhs} ${condition.operator} ${condition.rhs}`))}passesIncludesCondition(r){return r.lhs.includes(r.rhs)}passesIncludesAnyCondition(r){let e=r.rhs.split(",").map(t=>t.trim());return Array.isArray(r.lhs)?intersection(r.lhs,e).length:new RegExp(e.join("|")).test(r.lhs)}passesCustomCondition(r){let e=data_get(this.store.state.statamic.conditions,r.functionName);if(typeof e!="function")return console.error(`Statamic field condition [${r.functionName}] was not properly defined.`),!1;let t=e({params:r.params,target:r.target,values:this.values,root:this.rootValues,store:this.store,storeName:this.storeName});return this.showOnPass?t:!t}passesNonRevealerConditions(r){let e=this.getConditions();if(this.isCustomConditionWithoutTarget(e))return this.passesConditions(e);let t=data_get(this.store.state.publish[this.storeName],"revealerFields",[]),n=chain(this.getConditions()).reject(s=>t.includes(this.relativeLhsToAbsoluteFieldPath(s.field,r))).value();return this.passesConditions(n)}relativeLhsToAbsoluteFieldPath(r,e){return e?r.startsWith("root.")?r.replace(/^root\./,""):e+"."+r:r}}class FieldConditions{showField(e,t){return new Validator(e,t).passesConditions()}}const form=()=>({fields:{},conditions:new FieldConditions,processFields(r){this.fields=Object.entries(r).reduce((e,[t,n])=>(e[t]={value:n.value,conditions:n.properties.conditions??[],visible:!0,hidden:n.properties.hidden},e),{})},showField(r){return this.fields[r].visible=this.fields[r].hidden?!1:this.conditions.showField(this.fields[r].conditions,this.values())},showSection(r){return Object.entries(r).some(([e])=>this.fields[e].visible)},values(){return Object.entries(this.fields).reduce((r,[e,t])=>(r[e]=t.value,r),{})},submittableFields(){return Object.entries(this.fields).reduce((r,[e,t])=>(r[e]=t.visible,r),{})}});Alpine.data("form",form)});
diff --git a/resources/js/form.js b/resources/js/form.js
new file mode 100644
index 00000000..ab5ebaf4
--- /dev/null
+++ b/resources/js/form.js
@@ -0,0 +1,42 @@
+import FieldConditions from '../../vendor/statamic/cms/resources/js/frontend/components/FieldConditions.js';
+
+export default () => ({
+    fields: {},
+    conditions: new FieldConditions,
+
+    processFields(fields) {
+        this.fields = Object.entries(fields).reduce((fields, [key, field]) => {
+            fields[key] = {
+                value: field.value,
+                conditions: field.properties.conditions ?? [],
+                visible: true,
+                hidden: field.properties.hidden,
+            }
+            return fields;
+        }, {});
+    },
+
+    showField(field) {
+        return this.fields[field].visible = this.fields[field].hidden
+            ? false // We never want to show explicitly hidden fields.
+            : this.conditions.showField(this.fields[field].conditions, this.values())
+    },
+
+    showSection(fields) {
+        return Object.entries(fields).some(([field]) => this.fields[field].visible)
+    },
+
+    values() {
+        return Object.entries(this.fields).reduce((fields, [key, field]) => {
+            fields[key] = field.value
+            return fields;
+        }, {});
+    },
+
+    submittableFields() {
+        return Object.entries(this.fields).reduce((fields, [key, field]) => {
+            fields[key] = field.visible
+            return fields;
+        }, {});
+    },
+})
diff --git a/resources/js/livewire-forms.js b/resources/js/livewire-forms.js
new file mode 100644
index 00000000..51abe5dc
--- /dev/null
+++ b/resources/js/livewire-forms.js
@@ -0,0 +1,3 @@
+import form from './form.js'
+
+Alpine.data('form', form)
diff --git a/resources/views/default.blade.php b/resources/views/default.blade.php
index 67a1d187..4823783b 100644
--- a/resources/views/default.blade.php
+++ b/resources/views/default.blade.php
@@ -15,52 +15,6 @@
     </div>
 </form>
 
-@script
-    <script>
-        Alpine.data('form', () => {
-            return {
-                fields: {},
-
-                processFields(fields) {
-                    this.fields = Object.entries(fields).reduce((fields, [key, field]) => {
-                        fields[key] = {
-                            value: field.value,
-                            conditions: field.properties.conditions ?? [],
-                            visible: true,
-                            hidden: field.properties.hidden,
-                        }
-                        return fields;
-                    }, {});
-                },
-
-                showField(field) {
-                    return this.fields[field].visible = this.fields[field].hidden
-                        ? false // We never want to show explicitly hidden fields.
-                        : Statamic.$conditions.showField(this.fields[field].conditions, this.values())
-                },
-
-                showSection(fields) {
-                    return Object.entries(fields).some(([field]) => this.fields[field].visible)
-                },
-
-                values() {
-                    return Object.entries(this.fields).reduce((fields, [key, field]) => {
-                        fields[key] = field.value
-                        return fields;
-                    }, {});
-                },
-
-                submittableFields() {
-                    return Object.entries(this.fields).reduce((fields, [key, field]) => {
-                        fields[key] = field.visible
-                        return fields;
-                    }, {});
-                },
-            }
-        })
-    </script>
-@endscript
-
 @once
-    <script src="/vendor/statamic/frontend/js/helpers.js"></script>
+    <script type="module" src="/vendor/livewire-forms/js/livewire-forms.js"></script>
 @endonce
diff --git a/src/ServiceProvider.php b/src/ServiceProvider.php
index afe302cc..f0daa28f 100644
--- a/src/ServiceProvider.php
+++ b/src/ServiceProvider.php
@@ -24,6 +24,10 @@ class ServiceProvider extends AddonServiceProvider
         Fieldtypes\Captcha::class,
     ];
 
+    protected $scripts = [
+        __DIR__.'/../resources/dist/js/livewire-forms.js',
+    ];
+
     public function bootAddon()
     {
         $this
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 00000000..99d36e2e
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+    build: {
+        outDir: 'resources/dist/js',
+        lib: {
+            entry: 'resources/js/livewire-forms.js',
+            name: 'livewire-forms',
+            fileName: () => 'livewire-forms.js',
+        }
+    }
+});

From 0f03978971ae749726abe45e4ca523d17fe9f491 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 15 Dec 2023 21:14:10 -0500
Subject: [PATCH 104/209] Add line break

---
 resources/js/form.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/form.js b/resources/js/form.js
index ab5ebaf4..76a81fe6 100644
--- a/resources/js/form.js
+++ b/resources/js/form.js
@@ -2,6 +2,7 @@ import FieldConditions from '../../vendor/statamic/cms/resources/js/frontend/com
 
 export default () => ({
     fields: {},
+
     conditions: new FieldConditions,
 
     processFields(fields) {

From 5a42a715108dc68e265994f03ec5f5335c37bd5b Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 10:03:32 -0500
Subject: [PATCH 105/209] Fix hidden field not being hidden

---
 src/Fields/Hidden.php | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/Fields/Hidden.php b/src/Fields/Hidden.php
index b0511be7..7df275a6 100644
--- a/src/Fields/Hidden.php
+++ b/src/Fields/Hidden.php
@@ -5,4 +5,9 @@
 class Hidden extends Field
 {
     protected string $view = 'default';
+
+    protected function hiddenProperty(): bool
+    {
+        return true;
+    }
 }

From a6f48f38a510cda58458765661678efe6ec832d8 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 10:22:25 -0500
Subject: [PATCH 106/209] Submit values of hidden fields

While also making it possible to only submit hidden fields with conditions, if the conditions pass.
---
 resources/js/form.js                            | 5 +----
 resources/views/default/layouts/field.blade.php | 1 +
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/resources/js/form.js b/resources/js/form.js
index 76a81fe6..e423e039 100644
--- a/resources/js/form.js
+++ b/resources/js/form.js
@@ -11,16 +11,13 @@ export default () => ({
                 value: field.value,
                 conditions: field.properties.conditions ?? [],
                 visible: true,
-                hidden: field.properties.hidden,
             }
             return fields;
         }, {});
     },
 
     showField(field) {
-        return this.fields[field].visible = this.fields[field].hidden
-            ? false // We never want to show explicitly hidden fields.
-            : this.conditions.showField(this.fields[field].conditions, this.values())
+        return this.fields[field].visible = this.conditions.showField(this.fields[field].conditions, this.values())
     },
 
     showSection(fields) {
diff --git a/resources/views/default/layouts/field.blade.php b/resources/views/default/layouts/field.blade.php
index df263beb..26d593e7 100644
--- a/resources/views/default/layouts/field.blade.php
+++ b/resources/views/default/layouts/field.blade.php
@@ -8,6 +8,7 @@ class="space-y-2 col-span-1
         {{ $field->width === 66 ? 'md:col-span-8' : '' }}
         {{ $field->width === 75 ? 'md:col-span-9' : '' }}
         {{ $field->width === 100 ? 'md:col-span-12' : '' }}
+        {{ $field->hidden ? 'hidden' : '' }}
     "
 >
     @formView($field->view)

From 9dc9d034766acd6d41e0849dd5a5a8e2c1870cb5 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 10:26:07 -0500
Subject: [PATCH 107/209] Better key names

---
 resources/dist/js/livewire-forms.js |  2 +-
 resources/js/form.js                | 22 +++++++++++-----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/resources/dist/js/livewire-forms.js b/resources/dist/js/livewire-forms.js
index 3c48f9eb..cbb4478c 100644
--- a/resources/dist/js/livewire-forms.js
+++ b/resources/dist/js/livewire-forms.js
@@ -43,4 +43,4 @@ ${e}</tr>
 `}tablecell(e,t){const n=t.header?"th":"td";return(t.align?`<${n} align="${t.align}">`:`<${n}>`)+e+`</${n}>
 `}strong(e){return`<strong>${e}</strong>`}em(e){return`<em>${e}</em>`}codespan(e){return`<code>${e}</code>`}br(){return this.options.xhtml?"<br/>":"<br>"}del(e){return`<del>${e}</del>`}link(e,t,n){if(e=cleanUrl(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let s='<a href="'+e+'"';return t&&(s+=' title="'+t+'"'),s+=">"+n+"</a>",s}image(e,t,n){if(e=cleanUrl(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let s=`<img src="${e}" alt="${n}"`;return t&&(s+=` title="${t}"`),s+=this.options.xhtml?"/>":">",s}text(e){return e}}class TextRenderer{strong(e){return e}em(e){return e}codespan(e){return e}del(e){return e}html(e){return e}text(e){return e}link(e,t,n){return""+n}image(e,t,n){return""+n}br(){return""}}class Slugger{constructor(){this.seen={}}serialize(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/ig,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")}getNextSafeSlug(e,t){let n=e,s=0;if(this.seen.hasOwnProperty(n)){s=this.seen[e];do s++,n=e+"-"+s;while(this.seen.hasOwnProperty(n))}return t||(this.seen[e]=s,this.seen[n]=0),n}slug(e,t={}){const n=this.serialize(e);return this.getNextSafeSlug(n,t.dryrun)}}class Parser{constructor(e){this.options=e||defaults,this.options.renderer=this.options.renderer||new Renderer,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new TextRenderer,this.slugger=new Slugger}static parse(e,t){return new Parser(t).parse(e)}static parseInline(e,t){return new Parser(t).parseInline(e)}parse(e,t=!0){let n="",s,l,o,a,c,p,h,f,g,u,x,k,v,d,m,S,y,b,w;const $=e.length;for(s=0;s<$;s++){if(u=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[u.type]&&(w=this.options.extensions.renderers[u.type].call({parser:this},u),w!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(u.type))){n+=w||"";continue}switch(u.type){case"space":continue;case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(u.tokens),u.depth,unescape(this.parseInline(u.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(u.text,u.lang,u.escaped);continue}case"table":{for(f="",h="",a=u.header.length,l=0;l<a;l++)h+=this.renderer.tablecell(this.parseInline(u.header[l].tokens),{header:!0,align:u.align[l]});for(f+=this.renderer.tablerow(h),g="",a=u.rows.length,l=0;l<a;l++){for(p=u.rows[l],h="",c=p.length,o=0;o<c;o++)h+=this.renderer.tablecell(this.parseInline(p[o].tokens),{header:!1,align:u.align[o]});g+=this.renderer.tablerow(h)}n+=this.renderer.table(f,g);continue}case"blockquote":{g=this.parse(u.tokens),n+=this.renderer.blockquote(g);continue}case"list":{for(x=u.ordered,k=u.start,v=u.loose,a=u.items.length,g="",l=0;l<a;l++)m=u.items[l],S=m.checked,y=m.task,d="",m.task&&(b=this.renderer.checkbox(S),v?m.tokens.length>0&&m.tokens[0].type==="paragraph"?(m.tokens[0].text=b+" "+m.tokens[0].text,m.tokens[0].tokens&&m.tokens[0].tokens.length>0&&m.tokens[0].tokens[0].type==="text"&&(m.tokens[0].tokens[0].text=b+" "+m.tokens[0].tokens[0].text)):m.tokens.unshift({type:"text",text:b}):d+=b),d+=this.parse(m.tokens,v),g+=this.renderer.listitem(d,y,S);n+=this.renderer.list(g,x,k);continue}case"html":{n+=this.renderer.html(u.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(u.tokens));continue}case"text":{for(g=u.tokens?this.parseInline(u.tokens):u.text;s+1<$&&e[s+1].type==="text";)u=e[++s],g+=`
 `+(u.tokens?this.parseInline(u.tokens):u.text);n+=t?this.renderer.paragraph(g):g;continue}default:{const A='Token with "'+u.type+'" type was not found.';if(this.options.silent){console.error(A);return}else throw new Error(A)}}}return n}parseInline(e,t){t=t||this.renderer;let n="",s,l,o;const a=e.length;for(s=0;s<a;s++){if(l=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[l.type]&&(o=this.options.extensions.renderers[l.type].call({parser:this},l),o!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(l.type))){n+=o||"";continue}switch(l.type){case"escape":{n+=t.text(l.text);break}case"html":{n+=t.html(l.text);break}case"link":{n+=t.link(l.href,l.title,this.parseInline(l.tokens,t));break}case"image":{n+=t.image(l.href,l.title,l.text);break}case"strong":{n+=t.strong(this.parseInline(l.tokens,t));break}case"em":{n+=t.em(this.parseInline(l.tokens,t));break}case"codespan":{n+=t.codespan(l.text);break}case"br":{n+=t.br();break}case"del":{n+=t.del(this.parseInline(l.tokens,t));break}case"text":{n+=t.text(l.text);break}default:{const c='Token with "'+l.type+'" type was not found.';if(this.options.silent){console.error(c);return}else throw new Error(c)}}}return n}}class Hooks{constructor(e){this.options=e||defaults}preprocess(e){return e}postprocess(e){return e}}R(Hooks,"passThroughHooks",new Set(["preprocess","postprocess"]));function onError(r,e,t){return n=>{if(n.message+=`
-Please report this to https://github.com/markedjs/marked.`,r){const s="<p>An error occurred:</p><pre>"+escape(n.message+"",!0)+"</pre>";if(e)return Promise.resolve(s);if(t){t(null,s);return}return s}if(e)return Promise.reject(n);if(t){t(n);return}throw n}}function parseMarkdown(r,e){return(t,n,s)=>{typeof n=="function"&&(s=n,n=null);const l={...n};n={...marked.defaults,...l};const o=onError(n.silent,n.async,s);if(typeof t>"u"||t===null)return o(new Error("marked(): input parameter is undefined or null"));if(typeof t!="string")return o(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(t)+", string expected"));if(checkSanitizeDeprecation(n),n.hooks&&(n.hooks.options=n),s){const a=n.highlight;let c;try{n.hooks&&(t=n.hooks.preprocess(t)),c=r(t,n)}catch(f){return o(f)}const p=function(f){let g;if(!f)try{n.walkTokens&&marked.walkTokens(c,n.walkTokens),g=e(c,n),n.hooks&&(g=n.hooks.postprocess(g))}catch(u){f=u}return n.highlight=a,f?o(f):s(null,g)};if(!a||a.length<3||(delete n.highlight,!c.length))return p();let h=0;marked.walkTokens(c,function(f){f.type==="code"&&(h++,setTimeout(()=>{a(f.text,f.lang,function(g,u){if(g)return p(g);u!=null&&u!==f.text&&(f.text=u,f.escaped=!0),h--,h===0&&p()})},0))}),h===0&&p();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(t):t).then(a=>r(a,n)).then(a=>n.walkTokens?Promise.all(marked.walkTokens(a,n.walkTokens)).then(()=>a):a).then(a=>e(a,n)).then(a=>n.hooks?n.hooks.postprocess(a):a).catch(o);try{n.hooks&&(t=n.hooks.preprocess(t));const a=r(t,n);n.walkTokens&&marked.walkTokens(a,n.walkTokens);let c=e(a,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(a){return o(a)}}}function marked(r,e,t){return parseMarkdown(Lexer.lex,Parser.parse)(r,e,t)}marked.options=marked.setOptions=function(r){return marked.defaults={...marked.defaults,...r},changeDefaults(marked.defaults),marked},marked.getDefaults=getDefaults,marked.defaults=defaults,marked.use=function(...r){const e=marked.defaults.extensions||{renderers:{},childTokens:{}};r.forEach(t=>{const n={...t};if(n.async=marked.defaults.async||n.async||!1,t.extensions&&(t.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if(s.renderer){const l=e.renderers[s.name];l?e.renderers[s.name]=function(...o){let a=s.renderer.apply(this,o);return a===!1&&(a=l.apply(this,o)),a}:e.renderers[s.name]=s.renderer}if(s.tokenizer){if(!s.level||s.level!=="block"&&s.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");e[s.level]?e[s.level].unshift(s.tokenizer):e[s.level]=[s.tokenizer],s.start&&(s.level==="block"?e.startBlock?e.startBlock.push(s.start):e.startBlock=[s.start]:s.level==="inline"&&(e.startInline?e.startInline.push(s.start):e.startInline=[s.start]))}s.childTokens&&(e.childTokens[s.name]=s.childTokens)}),n.extensions=e),t.renderer){const s=marked.defaults.renderer||new Renderer;for(const l in t.renderer){const o=s[l];s[l]=(...a)=>{let c=t.renderer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.renderer=s}if(t.tokenizer){const s=marked.defaults.tokenizer||new Tokenizer;for(const l in t.tokenizer){const o=s[l];s[l]=(...a)=>{let c=t.tokenizer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.tokenizer=s}if(t.hooks){const s=marked.defaults.hooks||new Hooks;for(const l in t.hooks){const o=s[l];Hooks.passThroughHooks.has(l)?s[l]=a=>{if(marked.defaults.async)return Promise.resolve(t.hooks[l].call(s,a)).then(p=>o.call(s,p));const c=t.hooks[l].call(s,a);return o.call(s,c)}:s[l]=(...a)=>{let c=t.hooks[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.hooks=s}if(t.walkTokens){const s=marked.defaults.walkTokens;n.walkTokens=function(l){let o=[];return o.push(t.walkTokens.call(this,l)),s&&(o=o.concat(s.call(this,l))),o}}marked.setOptions(n)})},marked.walkTokens=function(r,e){let t=[];for(const n of r)switch(t=t.concat(e.call(marked,n)),n.type){case"table":{for(const s of n.header)t=t.concat(marked.walkTokens(s.tokens,e));for(const s of n.rows)for(const l of s)t=t.concat(marked.walkTokens(l.tokens,e));break}case"list":{t=t.concat(marked.walkTokens(n.items,e));break}default:marked.defaults.extensions&&marked.defaults.extensions.childTokens&&marked.defaults.extensions.childTokens[n.type]?marked.defaults.extensions.childTokens[n.type].forEach(function(s){t=t.concat(marked.walkTokens(n[s],e))}):n.tokens&&(t=t.concat(marked.walkTokens(n.tokens,e)))}return t},marked.parseInline=parseMarkdown(Lexer.lexInline,Parser.parseInline),marked.Parser=Parser,marked.parser=Parser.parse,marked.Renderer=Renderer,marked.TextRenderer=TextRenderer,marked.Lexer=Lexer,marked.lexer=Lexer.lex,marked.Tokenizer=Tokenizer,marked.Slugger=Slugger,marked.Hooks=Hooks,marked.parse=marked,marked.options,marked.setOptions,marked.use,marked.walkTokens,marked.parseInline,Parser.parse,Lexer.lex;function getAugmentedNamespace(r){if(r.__esModule)return r;var e=r.default;if(typeof e=="function"){var t=function n(){return this instanceof n?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};t.prototype=e.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(r).forEach(function(n){var s=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:function(){return r[n]}})}),t}function commonjsRequire(r){throw new Error('Could not dynamically require "'+r+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var uniqid={exports:{}};const __viteBrowserExternal={},__viteBrowserExternal$1=Object.freeze(Object.defineProperty({__proto__:null,default:__viteBrowserExternal},Symbol.toStringTag,{value:"Module"})),require$$0=getAugmentedNamespace(__viteBrowserExternal$1);var pid=typeof process<"u"&&process.pid?process.pid.toString(36):"",address="";if(typeof __webpack_require__!="function"&&typeof commonjsRequire<"u"){var mac="",os=require$$0;if(os.networkInterfaces)var networkInterfaces=os.networkInterfaces();if(networkInterfaces){e:for(let r in networkInterfaces){const e=networkInterfaces[r],t=e.length;for(var i=0;i<t;i++)if(e[i]!==void 0&&e[i].mac&&e[i].mac!="00:00:00:00:00:00"){mac=e[i].mac;break e}}address=mac?parseInt(mac.replace(/\:|\D+/gi,"")).toString(36):""}}uniqid.exports=uniqid.exports.default=function(r,e){return(r||"")+address+pid+now().toString(36)+(e||"")},uniqid.exports.process=function(r,e){return(r||"")+pid+now().toString(36)+(e||"")},uniqid.exports.time=function(r,e){return(r||"")+now().toString(36)+(e||"")};function now(){var r=Date.now(),e=now.last||r;return now.last=r>e?r:e+1}function data_get(r,e,t=null){var n=Array.isArray(e)?e:e.split("."),s=n.reduce((l,o)=>l&&l[o],r);return s!==void 0?s:t}const isString=tagTester("String");var isArguments=tagTester("Arguments");(function(){isArguments(arguments)||(isArguments=function(r){return has(r,"callee")})})();const isArguments$1=isArguments;function isEmpty(r){if(r==null)return!0;var e=getLength(r);return typeof e=="number"&&(isArray(r)||isString(r)||isArguments$1(r))?e===0:getLength(keys(r))===0}function values(r){for(var e=keys(r),t=e.length,n=Array(t),s=0;s<t;s++)n[s]=r[e[s]];return n}function sortedIndex(r,e,t,n){t=cb(t,n,1);for(var s=t(e),l=0,o=getLength(r);l<o;){var a=Math.floor((l+o)/2);t(r[a])<s?l=a+1:o=a}return l}function createPredicateIndexFinder(r){return function(e,t,n){t=cb(t,n);for(var s=getLength(e),l=r>0?0:s-1;l>=0&&l<s;l+=r)if(t(e[l],l,e))return l;return-1}}const findIndex=createPredicateIndexFinder(1),isNumber=tagTester("Number");function isNaN$1(r){return isNumber(r)&&_isNaN(r)}function createIndexFinder(r,e,t){return function(n,s,l){var o=0,a=getLength(n);if(typeof l=="number")r>0?o=l>=0?l:Math.max(l+a,o):a=l>=0?Math.min(l+1,a):l+a+1;else if(t&&l&&a)return l=t(n,s),n[l]===s?l:-1;if(s!==s)return l=e(slice.call(n,o,a),isNaN$1),l>=0?l+o:-1;for(l=r>0?o:a-1;l>=0&&l<a;l+=r)if(n[l]===s)return l;return-1}}const indexOf=createIndexFinder(1,findIndex,sortedIndex);function contains(r,e,t,n){return isArrayLike(r)||(r=values(r)),(typeof t!="number"||n)&&(t=0),indexOf(r,e,t)>=0}function intersection(r){for(var e=[],t=arguments.length,n=0,s=getLength(r);n<s;n++){var l=r[n];if(!contains(e,l)){var o;for(o=1;o<t&&contains(arguments[o],l);o++);o===t&&e.push(l)}}return e}function negate(r){return function(){return!r.apply(this,arguments)}}function reject(r,e,t){return filter(r,negate(cb(e)),t)}function initial(r,e,t){return slice.call(r,0,Math.max(0,r.length-(e==null||t?1:e)))}function first(r,e,t){return r==null||r.length<1?e==null||t?void 0:[]:e==null||t?r[0]:initial(r,r.length-e)}mixin({chain,map,each,filter,reject,first,isEmpty});const NUMBER_SPECIFIC_COMPARISONS=[">",">=","<","<="];class Validator{constructor(r,e,t,n){this.field=r,this.values=e,this.rootValues=t?t.state.publish[n].values:!1,this.store=t,this.storeName=n,this.passOnAny=!1,this.showOnPass=!0,this.converter=new Converter}passesConditions(r){let e=r||this.getConditions();if(e===void 0)return!0;if(this.isCustomConditionWithoutTarget(e))return this.passesCustomCondition(this.prepareCondition(e));let t=this.passOnAny?this.passesAnyConditions(e):this.passesAllConditions(e);return this.showOnPass?t:!t}getConditions(){let r=chain(KEYS).filter(t=>this.field[t]).first().value();if(!r)return;r.includes("any")&&(this.passOnAny=!0),(r.includes("unless")||r.includes("hide_when"))&&(this.showOnPass=!1);let e=this.field[r];return this.isCustomConditionWithoutTarget(e)?e:this.converter.fromBlueprint(e,this.field.prefix)}isCustomConditionWithoutTarget(r){return isString(r)}passesAllConditions(r){return chain(r).map(e=>this.prepareCondition(e)).reject(e=>this.passesCondition(e)).isEmpty().value()}passesAnyConditions(r){return!chain(r).map(e=>this.prepareCondition(e)).filter(e=>this.passesCondition(e)).isEmpty().value()}prepareCondition(r){if(isString(r)||r.operator==="custom")return this.prepareCustomCondition(r);let e=this.prepareOperator(r.operator),t=this.prepareLhs(r.field,e),n=this.prepareRhs(r.value,e);return{lhs:t,operator:e,rhs:n}}prepareOperator(r){switch(r){case null:case"":case"is":case"equals":return"==";case"isnt":case"not":case"¯\\_(ツ)_/¯":return"!=";case"includes":case"contains":return"includes";case"includes_any":case"contains_any":return"includes_any"}return r}prepareLhs(r,e){let t=this.getFieldValue(r);return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(t):e==="includes"&&!isObject(t)?t?t.toString():"":(isString(t)&&isEmpty(t)&&(t=null),isString(t)?JSON.stringify(t.trim()):t)}prepareRhs(r,e){switch(r){case"null":return null;case"true":return!0;case"false":return!1}return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(r):r==="empty"||e==="includes"||e==="includes_any"?r:isString(r)?JSON.stringify(r.trim()):r}prepareCustomCondition(r){let e=this.prepareFunctionName(r.value||r),t=this.prepareParams(r.value||r),n=r.field?this.getFieldValue(r.field):null;return{functionName:e,params:t,target:n}}prepareFunctionName(r){return r.replace(new RegExp("^custom "),"").split(":")[0]}prepareParams(r){let e=r.split(":")[1];return e?e.split(",").map(t=>t.trim()):[]}getFieldValue(r){return r.startsWith("root.")?data_get(this.rootValues,r.replace(new RegExp("^root."),"")):data_get(this.values,r)}passesCondition(condition){return condition.functionName?this.passesCustomCondition(condition):condition.operator==="includes"?this.passesIncludesCondition(condition):condition.operator==="includes_any"?this.passesIncludesAnyCondition(condition):(condition.rhs==="empty"&&(condition.lhs=isEmpty(condition.lhs),condition.rhs=!0),isObject(condition.lhs)?!1:eval(`${condition.lhs} ${condition.operator} ${condition.rhs}`))}passesIncludesCondition(r){return r.lhs.includes(r.rhs)}passesIncludesAnyCondition(r){let e=r.rhs.split(",").map(t=>t.trim());return Array.isArray(r.lhs)?intersection(r.lhs,e).length:new RegExp(e.join("|")).test(r.lhs)}passesCustomCondition(r){let e=data_get(this.store.state.statamic.conditions,r.functionName);if(typeof e!="function")return console.error(`Statamic field condition [${r.functionName}] was not properly defined.`),!1;let t=e({params:r.params,target:r.target,values:this.values,root:this.rootValues,store:this.store,storeName:this.storeName});return this.showOnPass?t:!t}passesNonRevealerConditions(r){let e=this.getConditions();if(this.isCustomConditionWithoutTarget(e))return this.passesConditions(e);let t=data_get(this.store.state.publish[this.storeName],"revealerFields",[]),n=chain(this.getConditions()).reject(s=>t.includes(this.relativeLhsToAbsoluteFieldPath(s.field,r))).value();return this.passesConditions(n)}relativeLhsToAbsoluteFieldPath(r,e){return e?r.startsWith("root.")?r.replace(/^root\./,""):e+"."+r:r}}class FieldConditions{showField(e,t){return new Validator(e,t).passesConditions()}}const form=()=>({fields:{},conditions:new FieldConditions,processFields(r){this.fields=Object.entries(r).reduce((e,[t,n])=>(e[t]={value:n.value,conditions:n.properties.conditions??[],visible:!0,hidden:n.properties.hidden},e),{})},showField(r){return this.fields[r].visible=this.fields[r].hidden?!1:this.conditions.showField(this.fields[r].conditions,this.values())},showSection(r){return Object.entries(r).some(([e])=>this.fields[e].visible)},values(){return Object.entries(this.fields).reduce((r,[e,t])=>(r[e]=t.value,r),{})},submittableFields(){return Object.entries(this.fields).reduce((r,[e,t])=>(r[e]=t.visible,r),{})}});Alpine.data("form",form)});
+Please report this to https://github.com/markedjs/marked.`,r){const s="<p>An error occurred:</p><pre>"+escape(n.message+"",!0)+"</pre>";if(e)return Promise.resolve(s);if(t){t(null,s);return}return s}if(e)return Promise.reject(n);if(t){t(n);return}throw n}}function parseMarkdown(r,e){return(t,n,s)=>{typeof n=="function"&&(s=n,n=null);const l={...n};n={...marked.defaults,...l};const o=onError(n.silent,n.async,s);if(typeof t>"u"||t===null)return o(new Error("marked(): input parameter is undefined or null"));if(typeof t!="string")return o(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(t)+", string expected"));if(checkSanitizeDeprecation(n),n.hooks&&(n.hooks.options=n),s){const a=n.highlight;let c;try{n.hooks&&(t=n.hooks.preprocess(t)),c=r(t,n)}catch(f){return o(f)}const p=function(f){let g;if(!f)try{n.walkTokens&&marked.walkTokens(c,n.walkTokens),g=e(c,n),n.hooks&&(g=n.hooks.postprocess(g))}catch(u){f=u}return n.highlight=a,f?o(f):s(null,g)};if(!a||a.length<3||(delete n.highlight,!c.length))return p();let h=0;marked.walkTokens(c,function(f){f.type==="code"&&(h++,setTimeout(()=>{a(f.text,f.lang,function(g,u){if(g)return p(g);u!=null&&u!==f.text&&(f.text=u,f.escaped=!0),h--,h===0&&p()})},0))}),h===0&&p();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(t):t).then(a=>r(a,n)).then(a=>n.walkTokens?Promise.all(marked.walkTokens(a,n.walkTokens)).then(()=>a):a).then(a=>e(a,n)).then(a=>n.hooks?n.hooks.postprocess(a):a).catch(o);try{n.hooks&&(t=n.hooks.preprocess(t));const a=r(t,n);n.walkTokens&&marked.walkTokens(a,n.walkTokens);let c=e(a,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(a){return o(a)}}}function marked(r,e,t){return parseMarkdown(Lexer.lex,Parser.parse)(r,e,t)}marked.options=marked.setOptions=function(r){return marked.defaults={...marked.defaults,...r},changeDefaults(marked.defaults),marked},marked.getDefaults=getDefaults,marked.defaults=defaults,marked.use=function(...r){const e=marked.defaults.extensions||{renderers:{},childTokens:{}};r.forEach(t=>{const n={...t};if(n.async=marked.defaults.async||n.async||!1,t.extensions&&(t.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if(s.renderer){const l=e.renderers[s.name];l?e.renderers[s.name]=function(...o){let a=s.renderer.apply(this,o);return a===!1&&(a=l.apply(this,o)),a}:e.renderers[s.name]=s.renderer}if(s.tokenizer){if(!s.level||s.level!=="block"&&s.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");e[s.level]?e[s.level].unshift(s.tokenizer):e[s.level]=[s.tokenizer],s.start&&(s.level==="block"?e.startBlock?e.startBlock.push(s.start):e.startBlock=[s.start]:s.level==="inline"&&(e.startInline?e.startInline.push(s.start):e.startInline=[s.start]))}s.childTokens&&(e.childTokens[s.name]=s.childTokens)}),n.extensions=e),t.renderer){const s=marked.defaults.renderer||new Renderer;for(const l in t.renderer){const o=s[l];s[l]=(...a)=>{let c=t.renderer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.renderer=s}if(t.tokenizer){const s=marked.defaults.tokenizer||new Tokenizer;for(const l in t.tokenizer){const o=s[l];s[l]=(...a)=>{let c=t.tokenizer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.tokenizer=s}if(t.hooks){const s=marked.defaults.hooks||new Hooks;for(const l in t.hooks){const o=s[l];Hooks.passThroughHooks.has(l)?s[l]=a=>{if(marked.defaults.async)return Promise.resolve(t.hooks[l].call(s,a)).then(p=>o.call(s,p));const c=t.hooks[l].call(s,a);return o.call(s,c)}:s[l]=(...a)=>{let c=t.hooks[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.hooks=s}if(t.walkTokens){const s=marked.defaults.walkTokens;n.walkTokens=function(l){let o=[];return o.push(t.walkTokens.call(this,l)),s&&(o=o.concat(s.call(this,l))),o}}marked.setOptions(n)})},marked.walkTokens=function(r,e){let t=[];for(const n of r)switch(t=t.concat(e.call(marked,n)),n.type){case"table":{for(const s of n.header)t=t.concat(marked.walkTokens(s.tokens,e));for(const s of n.rows)for(const l of s)t=t.concat(marked.walkTokens(l.tokens,e));break}case"list":{t=t.concat(marked.walkTokens(n.items,e));break}default:marked.defaults.extensions&&marked.defaults.extensions.childTokens&&marked.defaults.extensions.childTokens[n.type]?marked.defaults.extensions.childTokens[n.type].forEach(function(s){t=t.concat(marked.walkTokens(n[s],e))}):n.tokens&&(t=t.concat(marked.walkTokens(n.tokens,e)))}return t},marked.parseInline=parseMarkdown(Lexer.lexInline,Parser.parseInline),marked.Parser=Parser,marked.parser=Parser.parse,marked.Renderer=Renderer,marked.TextRenderer=TextRenderer,marked.Lexer=Lexer,marked.lexer=Lexer.lex,marked.Tokenizer=Tokenizer,marked.Slugger=Slugger,marked.Hooks=Hooks,marked.parse=marked,marked.options,marked.setOptions,marked.use,marked.walkTokens,marked.parseInline,Parser.parse,Lexer.lex;function getAugmentedNamespace(r){if(r.__esModule)return r;var e=r.default;if(typeof e=="function"){var t=function n(){return this instanceof n?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};t.prototype=e.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(r).forEach(function(n){var s=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:function(){return r[n]}})}),t}function commonjsRequire(r){throw new Error('Could not dynamically require "'+r+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var uniqid={exports:{}};const __viteBrowserExternal={},__viteBrowserExternal$1=Object.freeze(Object.defineProperty({__proto__:null,default:__viteBrowserExternal},Symbol.toStringTag,{value:"Module"})),require$$0=getAugmentedNamespace(__viteBrowserExternal$1);var pid=typeof process<"u"&&process.pid?process.pid.toString(36):"",address="";if(typeof __webpack_require__!="function"&&typeof commonjsRequire<"u"){var mac="",os=require$$0;if(os.networkInterfaces)var networkInterfaces=os.networkInterfaces();if(networkInterfaces){e:for(let r in networkInterfaces){const e=networkInterfaces[r],t=e.length;for(var i=0;i<t;i++)if(e[i]!==void 0&&e[i].mac&&e[i].mac!="00:00:00:00:00:00"){mac=e[i].mac;break e}}address=mac?parseInt(mac.replace(/\:|\D+/gi,"")).toString(36):""}}uniqid.exports=uniqid.exports.default=function(r,e){return(r||"")+address+pid+now().toString(36)+(e||"")},uniqid.exports.process=function(r,e){return(r||"")+pid+now().toString(36)+(e||"")},uniqid.exports.time=function(r,e){return(r||"")+now().toString(36)+(e||"")};function now(){var r=Date.now(),e=now.last||r;return now.last=r>e?r:e+1}function data_get(r,e,t=null){var n=Array.isArray(e)?e:e.split("."),s=n.reduce((l,o)=>l&&l[o],r);return s!==void 0?s:t}const isString=tagTester("String");var isArguments=tagTester("Arguments");(function(){isArguments(arguments)||(isArguments=function(r){return has(r,"callee")})})();const isArguments$1=isArguments;function isEmpty(r){if(r==null)return!0;var e=getLength(r);return typeof e=="number"&&(isArray(r)||isString(r)||isArguments$1(r))?e===0:getLength(keys(r))===0}function values(r){for(var e=keys(r),t=e.length,n=Array(t),s=0;s<t;s++)n[s]=r[e[s]];return n}function sortedIndex(r,e,t,n){t=cb(t,n,1);for(var s=t(e),l=0,o=getLength(r);l<o;){var a=Math.floor((l+o)/2);t(r[a])<s?l=a+1:o=a}return l}function createPredicateIndexFinder(r){return function(e,t,n){t=cb(t,n);for(var s=getLength(e),l=r>0?0:s-1;l>=0&&l<s;l+=r)if(t(e[l],l,e))return l;return-1}}const findIndex=createPredicateIndexFinder(1),isNumber=tagTester("Number");function isNaN$1(r){return isNumber(r)&&_isNaN(r)}function createIndexFinder(r,e,t){return function(n,s,l){var o=0,a=getLength(n);if(typeof l=="number")r>0?o=l>=0?l:Math.max(l+a,o):a=l>=0?Math.min(l+1,a):l+a+1;else if(t&&l&&a)return l=t(n,s),n[l]===s?l:-1;if(s!==s)return l=e(slice.call(n,o,a),isNaN$1),l>=0?l+o:-1;for(l=r>0?o:a-1;l>=0&&l<a;l+=r)if(n[l]===s)return l;return-1}}const indexOf=createIndexFinder(1,findIndex,sortedIndex);function contains(r,e,t,n){return isArrayLike(r)||(r=values(r)),(typeof t!="number"||n)&&(t=0),indexOf(r,e,t)>=0}function intersection(r){for(var e=[],t=arguments.length,n=0,s=getLength(r);n<s;n++){var l=r[n];if(!contains(e,l)){var o;for(o=1;o<t&&contains(arguments[o],l);o++);o===t&&e.push(l)}}return e}function negate(r){return function(){return!r.apply(this,arguments)}}function reject(r,e,t){return filter(r,negate(cb(e)),t)}function initial(r,e,t){return slice.call(r,0,Math.max(0,r.length-(e==null||t?1:e)))}function first(r,e,t){return r==null||r.length<1?e==null||t?void 0:[]:e==null||t?r[0]:initial(r,r.length-e)}mixin({chain,map,each,filter,reject,first,isEmpty});const NUMBER_SPECIFIC_COMPARISONS=[">",">=","<","<="];class Validator{constructor(r,e,t,n){this.field=r,this.values=e,this.rootValues=t?t.state.publish[n].values:!1,this.store=t,this.storeName=n,this.passOnAny=!1,this.showOnPass=!0,this.converter=new Converter}passesConditions(r){let e=r||this.getConditions();if(e===void 0)return!0;if(this.isCustomConditionWithoutTarget(e))return this.passesCustomCondition(this.prepareCondition(e));let t=this.passOnAny?this.passesAnyConditions(e):this.passesAllConditions(e);return this.showOnPass?t:!t}getConditions(){let r=chain(KEYS).filter(t=>this.field[t]).first().value();if(!r)return;r.includes("any")&&(this.passOnAny=!0),(r.includes("unless")||r.includes("hide_when"))&&(this.showOnPass=!1);let e=this.field[r];return this.isCustomConditionWithoutTarget(e)?e:this.converter.fromBlueprint(e,this.field.prefix)}isCustomConditionWithoutTarget(r){return isString(r)}passesAllConditions(r){return chain(r).map(e=>this.prepareCondition(e)).reject(e=>this.passesCondition(e)).isEmpty().value()}passesAnyConditions(r){return!chain(r).map(e=>this.prepareCondition(e)).filter(e=>this.passesCondition(e)).isEmpty().value()}prepareCondition(r){if(isString(r)||r.operator==="custom")return this.prepareCustomCondition(r);let e=this.prepareOperator(r.operator),t=this.prepareLhs(r.field,e),n=this.prepareRhs(r.value,e);return{lhs:t,operator:e,rhs:n}}prepareOperator(r){switch(r){case null:case"":case"is":case"equals":return"==";case"isnt":case"not":case"¯\\_(ツ)_/¯":return"!=";case"includes":case"contains":return"includes";case"includes_any":case"contains_any":return"includes_any"}return r}prepareLhs(r,e){let t=this.getFieldValue(r);return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(t):e==="includes"&&!isObject(t)?t?t.toString():"":(isString(t)&&isEmpty(t)&&(t=null),isString(t)?JSON.stringify(t.trim()):t)}prepareRhs(r,e){switch(r){case"null":return null;case"true":return!0;case"false":return!1}return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(r):r==="empty"||e==="includes"||e==="includes_any"?r:isString(r)?JSON.stringify(r.trim()):r}prepareCustomCondition(r){let e=this.prepareFunctionName(r.value||r),t=this.prepareParams(r.value||r),n=r.field?this.getFieldValue(r.field):null;return{functionName:e,params:t,target:n}}prepareFunctionName(r){return r.replace(new RegExp("^custom "),"").split(":")[0]}prepareParams(r){let e=r.split(":")[1];return e?e.split(",").map(t=>t.trim()):[]}getFieldValue(r){return r.startsWith("root.")?data_get(this.rootValues,r.replace(new RegExp("^root."),"")):data_get(this.values,r)}passesCondition(condition){return condition.functionName?this.passesCustomCondition(condition):condition.operator==="includes"?this.passesIncludesCondition(condition):condition.operator==="includes_any"?this.passesIncludesAnyCondition(condition):(condition.rhs==="empty"&&(condition.lhs=isEmpty(condition.lhs),condition.rhs=!0),isObject(condition.lhs)?!1:eval(`${condition.lhs} ${condition.operator} ${condition.rhs}`))}passesIncludesCondition(r){return r.lhs.includes(r.rhs)}passesIncludesAnyCondition(r){let e=r.rhs.split(",").map(t=>t.trim());return Array.isArray(r.lhs)?intersection(r.lhs,e).length:new RegExp(e.join("|")).test(r.lhs)}passesCustomCondition(r){let e=data_get(this.store.state.statamic.conditions,r.functionName);if(typeof e!="function")return console.error(`Statamic field condition [${r.functionName}] was not properly defined.`),!1;let t=e({params:r.params,target:r.target,values:this.values,root:this.rootValues,store:this.store,storeName:this.storeName});return this.showOnPass?t:!t}passesNonRevealerConditions(r){let e=this.getConditions();if(this.isCustomConditionWithoutTarget(e))return this.passesConditions(e);let t=data_get(this.store.state.publish[this.storeName],"revealerFields",[]),n=chain(this.getConditions()).reject(s=>t.includes(this.relativeLhsToAbsoluteFieldPath(s.field,r))).value();return this.passesConditions(n)}relativeLhsToAbsoluteFieldPath(r,e){return e?r.startsWith("root.")?r.replace(/^root\./,""):e+"."+r:r}}class FieldConditions{showField(e,t){return new Validator(e,t).passesConditions()}}const form=()=>({fields:{},conditions:new FieldConditions,processFields(r){this.fields=Object.entries(r).reduce((e,[t,n])=>(e[t]={value:n.value,conditions:n.properties.conditions??[],visible:!0},e),{})},showField(r){return this.fields[r].visible=this.conditions.showField(this.fields[r].conditions,this.values())},showSection(r){return Object.entries(r).some(([e])=>this.fields[e].visible)},values(){return Object.entries(this.fields).reduce((r,[e,t])=>(r[e]=t.value,r),{})},submittableFields(){return Object.entries(this.fields).reduce((r,[e,t])=>(r[e]=t.visible,r),{})}});Alpine.data("form",form)});
diff --git a/resources/js/form.js b/resources/js/form.js
index e423e039..e04a422e 100644
--- a/resources/js/form.js
+++ b/resources/js/form.js
@@ -6,13 +6,13 @@ export default () => ({
     conditions: new FieldConditions,
 
     processFields(fields) {
-        this.fields = Object.entries(fields).reduce((fields, [key, field]) => {
-            fields[key] = {
-                value: field.value,
-                conditions: field.properties.conditions ?? [],
+        this.fields = Object.entries(fields).reduce((field, [key, value]) => {
+            field[key] = {
+                value: value.value,
+                conditions: value.properties.conditions ?? [],
                 visible: true,
             }
-            return fields;
+            return field;
         }, {});
     },
 
@@ -25,16 +25,16 @@ export default () => ({
     },
 
     values() {
-        return Object.entries(this.fields).reduce((fields, [key, field]) => {
-            fields[key] = field.value
-            return fields;
+        return Object.entries(this.fields).reduce((field, [key, value]) => {
+            field[key] = value.value
+            return field;
         }, {});
     },
 
     submittableFields() {
-        return Object.entries(this.fields).reduce((fields, [key, field]) => {
-            fields[key] = field.visible
-            return fields;
+        return Object.entries(this.fields).reduce((field, [key, value]) => {
+            field[key] = value.visible
+            return field;
         }, {});
     },
 })

From 36435d9d3fa6516056c4a9dae2ea94748017675c Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 11:15:27 -0500
Subject: [PATCH 108/209] Better naming

---
 src/Livewire/Concerns/SubmitsForm.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Livewire/Concerns/SubmitsForm.php b/src/Livewire/Concerns/SubmitsForm.php
index d493878c..ef6fe040 100644
--- a/src/Livewire/Concerns/SubmitsForm.php
+++ b/src/Livewire/Concerns/SubmitsForm.php
@@ -27,7 +27,7 @@ public function submit(array $submittableFields): void
 
     protected function updateSubmittableFields(array $submittableFields): self
     {
-        collect($submittableFields)->each(fn ($value, $key) => $this->fields->get($key)->submittable($value));
+        collect($submittableFields)->each(fn ($submittable, $field) => $this->fields->get($field)->submittable($submittable));
 
         return $this;
     }

From 4d1e8fab63f5179507be62f8abb25ae8061c3621 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 11:18:00 -0500
Subject: [PATCH 109/209] Reorder methods

---
 src/Livewire/Concerns/WithFields.php | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 70cde5f5..75d27829 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -42,20 +42,6 @@ protected function fields(): Collection
         })->put($this->honeypot->handle, $this->honeypot);
     }
 
-    #[Computed(true)]
-    public function honeypot(): Honeypot
-    {
-        return Honeypot::make(
-            field: new Field($this->form->honeypot(), []),
-            id: $this->getId()
-        );
-    }
-
-    protected function captcha(): ?Captcha
-    {
-        return $this->fields->whereInstanceOf(Captcha::class)->first();
-    }
-
     #[Computed]
     public function sections(): Collection
     {
@@ -78,4 +64,18 @@ public function section(string $handle): ?array
     {
         return $this->sections()->firstWhere('handle', $handle);
     }
+
+    #[Computed(true)]
+    public function honeypot(): Honeypot
+    {
+        return Honeypot::make(
+            field: new Field($this->form->honeypot(), []),
+            id: $this->getId()
+        );
+    }
+
+    protected function captcha(): ?Captcha
+    {
+        return $this->fields->whereInstanceOf(Captcha::class)->first();
+    }
 }

From 6cdc018c808e971b7bb88bfc8eae99fa2b71d177 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 11:43:14 -0500
Subject: [PATCH 110/209] Refactor submission handling

---
 src/Livewire/Concerns/HandlesSubmission.php | 68 +++++++++------------
 src/Livewire/Concerns/SubmitsForm.php       | 14 +----
 src/Livewire/Concerns/WithFields.php        |  2 +-
 3 files changed, 33 insertions(+), 51 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index d27f9b06..2404612e 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -2,6 +2,7 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Illuminate\Support\Collection;
 use Illuminate\Support\Facades\URL;
 use Statamic\Contracts\Forms\Submission;
 use Statamic\Events\FormSubmitted;
@@ -12,34 +13,42 @@
 
 trait HandlesSubmission
 {
+    protected array $submittableFields = [];
+
     protected Submission $submission;
 
     protected function handleSubmission(): self
     {
-        return $this
-            ->runSubmittingFormHook()
-            ->makeSubmission()
-            ->runCreatedSubmissionFormHook()
-            ->handleSubmissionEvents()
-            ->storeSubmission()
-            ->runSubmittedFormHook();
-    }
+        $this->updateSubmittableFields();
 
-    protected function runSubmittingFormHook(): self
-    {
-        $this->submittingForm();
+        $this->submittingForm($this->fields);
+
+        $this->submission = $this->makeSubmission();
+
+        $this->createdSubmission($this->submission);
+
+        $this->handleSubmissionEvents();
+
+        $this->saveSubmission();
+
+        $this->submittedForm($this->submission);
 
         return $this;
     }
 
-    protected function submittingForm(): void
+    protected function updateSubmittableFields(): void
+    {
+        collect($this->submittableFields)->each(fn ($submittable, $field) => $this->fields->get($field)->submittable($submittable));
+    }
+
+    public function submittingForm(Collection $fields): void
     {
         //
     }
 
-    protected function makeSubmission(): self
+    protected function makeSubmission(): Submission
     {
-        $this->submission = $this->form->makeSubmission();
+        $submission = $this->form->makeSubmission();
 
         $processedValues = $this->form->blueprint()
             ->fields()
@@ -47,24 +56,16 @@ protected function makeSubmission(): self
             ->process()
             ->values();
 
-        $this->submission->data($processedValues);
-
-        return $this;
+        return $submission->data($processedValues);
     }
 
-    protected function runCreatedSubmissionFormHook(): self
-    {
-        $this->createdSubmission($this->submission);
-
-        return $this;
-    }
-
-    protected function createdSubmission(Submission $submission): void
+    public function createdSubmission(Submission $submission): void
     {
         //
     }
 
-    protected function handleSubmissionEvents(): self
+    // TODO: Refactor this?
+    protected function handleSubmissionEvents(): void
     {
         $this->dispatch('formSubmitted');
         $formSubmitted = FormSubmitted::dispatch($this->submission);
@@ -78,27 +79,16 @@ protected function handleSubmissionEvents(): self
 
         $site = Site::findByUrl(URL::previous()); // TODO: Does URL::previous still work in Livewire 3?
         SendEmails::dispatch($this->submission, $site);
-
-        return $this;
     }
 
-    protected function storeSubmission(): self
+    protected function saveSubmission(): void
     {
         if ($this->form->store()) {
             $this->submission->save();
         }
-
-        return $this;
-    }
-
-    protected function runSubmittedFormHook(): self
-    {
-        $this->submittedForm();
-
-        return $this;
     }
 
-    protected function submittedForm(): void
+    public function submittedForm(Submission $submission): void
     {
         //
     }
diff --git a/src/Livewire/Concerns/SubmitsForm.php b/src/Livewire/Concerns/SubmitsForm.php
index ef6fe040..52ad6d5f 100644
--- a/src/Livewire/Concerns/SubmitsForm.php
+++ b/src/Livewire/Concerns/SubmitsForm.php
@@ -15,20 +15,12 @@ public function submit(array $submittableFields): void
     {
         $this->validate();
 
+        $this->submittableFields = $submittableFields;
+
         try {
-            $this->updateSubmittableFields($submittableFields)
-                ->handleSpam()
-                ->handleSubmission()
-                ->handleSuccess();
+            $this->handleSpam()->handleSubmission()->handleSuccess();
         } catch (SilentFormFailureException) {
             $this->handleSuccess();
         }
     }
-
-    protected function updateSubmittableFields(array $submittableFields): self
-    {
-        collect($submittableFields)->each(fn ($submittable, $field) => $this->fields->get($field)->submittable($submittable));
-
-        return $this;
-    }
 }
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 75d27829..1bae32bc 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -23,7 +23,7 @@ public function mountWithFields(): void
         $this->mountedFields($this->fields);
     }
 
-    public function mountedFields($fields)
+    public function mountedFields(Collection $fields): void
     {
         //
     }

From 600b1e8be6b2f2366d8e04c67dfeeb053c284244 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 12:27:20 -0500
Subject: [PATCH 111/209] Closer align events to Statamic form events

---
 src/Livewire/Concerns/HandlesSubmission.php | 83 +++++++++++----------
 1 file changed, 45 insertions(+), 38 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index 2404612e..a0462350 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -19,34 +19,23 @@ trait HandlesSubmission
 
     protected function handleSubmission(): self
     {
-        $this->updateSubmittableFields();
-
-        $this->submittingForm($this->fields);
-
-        $this->submission = $this->makeSubmission();
-
-        $this->createdSubmission($this->submission);
-
-        $this->handleSubmissionEvents();
-
-        $this->saveSubmission();
-
-        $this->submittedForm($this->submission);
-
-        return $this;
+        return $this
+            ->updateSubmittableFields()
+            ->makeSubmission()
+            ->handleFormEvents()
+            ->handleSubmissionEvents()
+            ->sendEmails();
     }
 
-    protected function updateSubmittableFields(): void
+    // TODO: Remove submittable on the field?
+    protected function updateSubmittableFields(): self
     {
         collect($this->submittableFields)->each(fn ($submittable, $field) => $this->fields->get($field)->submittable($submittable));
-    }
 
-    public function submittingForm(Collection $fields): void
-    {
-        //
+        return $this;
     }
 
-    protected function makeSubmission(): Submission
+    protected function makeSubmission(): self
     {
         $submission = $this->form->makeSubmission();
 
@@ -56,40 +45,58 @@ protected function makeSubmission(): Submission
             ->process()
             ->values();
 
-        return $submission->data($processedValues);
-    }
+        $this->submission = $submission->data($processedValues);
 
-    public function createdSubmission(Submission $submission): void
-    {
-        //
+        return $this;
     }
 
-    // TODO: Refactor this?
-    protected function handleSubmissionEvents(): void
+    protected function handleFormEvents(): self
     {
+        $this->formSubmitting($this->submission);
+
         $this->dispatch('formSubmitted');
-        $formSubmitted = FormSubmitted::dispatch($this->submission);
 
-        if ($formSubmitted === false) {
-            throw new SilentFormFailureException();
-        }
+        throw_if(FormSubmitted::dispatch($this->submission) === false, new SilentFormFailureException);
 
-        $this->dispatch('submissionCreated');
-        SubmissionCreated::dispatch($this->submission);
+        return $this;
+    }
 
-        $site = Site::findByUrl(URL::previous()); // TODO: Does URL::previous still work in Livewire 3?
-        SendEmails::dispatch($this->submission, $site);
+    public function formSubmitted(Submission $submission): void
+    {
+        //
     }
 
-    protected function saveSubmission(): void
+    protected function handleSubmissionEvents(): self
     {
+        $this->submissionCreating($this->submission);
+
+        $this->dispatch('submissionCreated');
+
         if ($this->form->store()) {
             $this->submission->save();
+        } else {
+            /**
+             * When the submission is saved, this same created event will be dispatched.
+             * We'll also fire it here if submissions are not configured to be stored
+             * so that developers may continue to listen and modify it as needed.
+             */
+            SubmissionCreated::dispatch($this->submission);
         }
+
+        return $this;
     }
 
-    public function submittedForm(Submission $submission): void
+    public function submissionCreating(Submission $submission): void
     {
         //
     }
+
+    protected function sendEmails(): self
+    {
+        $site = Site::findByUrl(URL::previous()); // TODO: Does URL::previous still work in Livewire 3?
+
+        SendEmails::dispatch($this->submission, $site);
+
+        return $this;
+    }
 }

From c07d6030b6cbbc007789fb677c329ced59194bd9 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 13:03:54 -0500
Subject: [PATCH 112/209] Make code more concise

---
 src/Livewire/Concerns/HandlesSpam.php       | 4 +---
 src/Livewire/Concerns/HandlesSubmission.php | 5 +----
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSpam.php b/src/Livewire/Concerns/HandlesSpam.php
index bdad5bb6..c737ec5d 100644
--- a/src/Livewire/Concerns/HandlesSpam.php
+++ b/src/Livewire/Concerns/HandlesSpam.php
@@ -8,9 +8,7 @@ trait HandlesSpam
 {
     protected function handleSpam(): self
     {
-        if ($this->isSpam()) {
-            throw new SilentFormFailureException();
-        }
+        throw_if($this->isSpam(), new SilentFormFailureException);
 
         return $this;
     }
diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index a0462350..299554c4 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -2,7 +2,6 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Illuminate\Support\Collection;
 use Illuminate\Support\Facades\URL;
 use Statamic\Contracts\Forms\Submission;
 use Statamic\Events\FormSubmitted;
@@ -93,9 +92,7 @@ public function submissionCreating(Submission $submission): void
 
     protected function sendEmails(): self
     {
-        $site = Site::findByUrl(URL::previous()); // TODO: Does URL::previous still work in Livewire 3?
-
-        SendEmails::dispatch($this->submission, $site);
+        SendEmails::dispatch($this->submission, Site::findByUrl(URL::previous()));
 
         return $this;
     }

From 57f6cf733d349b230e565e9f23b6c0046eb20c34 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 13:53:56 -0500
Subject: [PATCH 113/209] Better event order

---
 src/Livewire/Concerns/HandlesSubmission.php | 44 +++++++++++----------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index 299554c4..c317a646 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -6,6 +6,7 @@
 use Statamic\Contracts\Forms\Submission;
 use Statamic\Events\FormSubmitted;
 use Statamic\Events\SubmissionCreated;
+use Statamic\Events\SubmissionCreating;
 use Statamic\Exceptions\SilentFormFailureException;
 use Statamic\Facades\Site;
 use Statamic\Forms\SendEmails;
@@ -22,7 +23,7 @@ protected function handleSubmission(): self
             ->updateSubmittableFields()
             ->makeSubmission()
             ->handleFormEvents()
-            ->handleSubmissionEvents()
+            ->saveSubmission()
             ->sendEmails();
     }
 
@@ -53,41 +54,32 @@ protected function handleFormEvents(): self
     {
         $this->formSubmitting($this->submission);
 
-        $this->dispatch('formSubmitted');
-
         throw_if(FormSubmitted::dispatch($this->submission) === false, new SilentFormFailureException);
 
-        return $this;
-    }
+        $this->dispatch('formSubmitted');
 
-    public function formSubmitted(Submission $submission): void
-    {
-        //
+        return $this;
     }
 
-    protected function handleSubmissionEvents(): self
+    protected function saveSubmission(): self
     {
         $this->submissionCreating($this->submission);
 
-        $this->dispatch('submissionCreated');
-
+        /**
+         * When the submission is saved, the same events will be dispatched.
+         * We'll also fire them here if submissions are not configured to be stored
+         * so that developers may continue to listen and modify it as needed.
+         */
         if ($this->form->store()) {
             $this->submission->save();
         } else {
-            /**
-             * When the submission is saved, this same created event will be dispatched.
-             * We'll also fire it here if submissions are not configured to be stored
-             * so that developers may continue to listen and modify it as needed.
-             */
+            SubmissionCreating::dispatch($this->submission);
             SubmissionCreated::dispatch($this->submission);
         }
 
-        return $this;
-    }
+        $this->dispatch('submissionCreated');
 
-    public function submissionCreating(Submission $submission): void
-    {
-        //
+        return $this;
     }
 
     protected function sendEmails(): self
@@ -96,4 +88,14 @@ protected function sendEmails(): self
 
         return $this;
     }
+
+    public function formSubmitted(Submission $submission): void
+    {
+        //
+    }
+
+    public function submissionCreating(Submission $submission): void
+    {
+        //
+    }
 }

From 0637ff2d46f1db29bd3f5ff10c5289bd0bef88d0 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 13:59:48 -0500
Subject: [PATCH 114/209] Add submission to events

---
 src/Livewire/Concerns/HandlesSubmission.php | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index c317a646..a7a0d92f 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -54,9 +54,11 @@ protected function handleFormEvents(): self
     {
         $this->formSubmitting($this->submission);
 
+        $this->dispatch('formSubmitting', $this->submission);
+
         throw_if(FormSubmitted::dispatch($this->submission) === false, new SilentFormFailureException);
 
-        $this->dispatch('formSubmitted');
+        $this->dispatch('formSubmitted', $this->submission);
 
         return $this;
     }
@@ -65,6 +67,8 @@ protected function saveSubmission(): self
     {
         $this->submissionCreating($this->submission);
 
+        $this->dispatch('submissionCreating', $this->submission);
+
         /**
          * When the submission is saved, the same events will be dispatched.
          * We'll also fire them here if submissions are not configured to be stored
@@ -77,7 +81,7 @@ protected function saveSubmission(): self
             SubmissionCreated::dispatch($this->submission);
         }
 
-        $this->dispatch('submissionCreated');
+        $this->dispatch('submissionCreated', $this->submission);
 
         return $this;
     }

From f61e325073445bec994077a239711ba4f0cbd3bb Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 14:01:01 -0500
Subject: [PATCH 115/209] Sluggify event names

---
 src/Livewire/Concerns/HandlesSubmission.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index a7a0d92f..fdc3d6c6 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -54,11 +54,11 @@ protected function handleFormEvents(): self
     {
         $this->formSubmitting($this->submission);
 
-        $this->dispatch('formSubmitting', $this->submission);
+        $this->dispatch('form-submitting', $this->submission);
 
         throw_if(FormSubmitted::dispatch($this->submission) === false, new SilentFormFailureException);
 
-        $this->dispatch('formSubmitted', $this->submission);
+        $this->dispatch('form-submitted', $this->submission);
 
         return $this;
     }
@@ -67,7 +67,7 @@ protected function saveSubmission(): self
     {
         $this->submissionCreating($this->submission);
 
-        $this->dispatch('submissionCreating', $this->submission);
+        $this->dispatch('submission-creating', $this->submission);
 
         /**
          * When the submission is saved, the same events will be dispatched.
@@ -81,7 +81,7 @@ protected function saveSubmission(): self
             SubmissionCreated::dispatch($this->submission);
         }
 
-        $this->dispatch('submissionCreated', $this->submission);
+        $this->dispatch('submission-created', $this->submission);
 
         return $this;
     }

From 9ab5c6876ee76e73bab7619b1e50579cf29280e9 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 16:47:53 -0500
Subject: [PATCH 116/209] Greatly simplify events

---
 src/Livewire/Concerns/HandlesSubmission.php | 17 ++---------------
 1 file changed, 2 insertions(+), 15 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index fdc3d6c6..ef1998e5 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -52,23 +52,17 @@ protected function makeSubmission(): self
 
     protected function handleFormEvents(): self
     {
-        $this->formSubmitting($this->submission);
+        $this->formSubmitted($this->submission);
 
-        $this->dispatch('form-submitting', $this->submission);
+        $this->dispatch('form-submitted', data: $this->submission->data());
 
         throw_if(FormSubmitted::dispatch($this->submission) === false, new SilentFormFailureException);
 
-        $this->dispatch('form-submitted', $this->submission);
-
         return $this;
     }
 
     protected function saveSubmission(): self
     {
-        $this->submissionCreating($this->submission);
-
-        $this->dispatch('submission-creating', $this->submission);
-
         /**
          * When the submission is saved, the same events will be dispatched.
          * We'll also fire them here if submissions are not configured to be stored
@@ -81,8 +75,6 @@ protected function saveSubmission(): self
             SubmissionCreated::dispatch($this->submission);
         }
 
-        $this->dispatch('submission-created', $this->submission);
-
         return $this;
     }
 
@@ -97,9 +89,4 @@ public function formSubmitted(Submission $submission): void
     {
         //
     }
-
-    public function submissionCreating(Submission $submission): void
-    {
-        //
-    }
 }

From 1759f6e3bf2c12059d51681c1de1b7df92c431a0 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 17:04:56 -0500
Subject: [PATCH 117/209] No need to pass submittable anymore

---
 src/Fields/Field.php                     | 1 -
 src/Livewire/Synthesizers/FieldSynth.php | 3 +--
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index d59a65bb..939e973e 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -106,7 +106,6 @@ public function toArray(): array
             'config' => $this->field->config(),
             'properties' => $this->properties(),
             'value' => $this->value(),
-            'submittable' => $this->submittable(),
         ];
     }
 }
diff --git a/src/Livewire/Synthesizers/FieldSynth.php b/src/Livewire/Synthesizers/FieldSynth.php
index d989c2ad..61227375 100644
--- a/src/Livewire/Synthesizers/FieldSynth.php
+++ b/src/Livewire/Synthesizers/FieldSynth.php
@@ -40,8 +40,7 @@ public function hydrate($value, $meta, $hydrateChild)
             id: $this->context->component->getId()
         )
             ->properties($value['properties'])
-            ->value($value['value'])
-            ->submittable($value['submittable']);
+            ->value($value['value']);
     }
 
     public function get(&$target, $key)

From 0e8b1074845b5981932e91e87d8c95f13b767c88 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 16 Dec 2023 17:06:43 -0500
Subject: [PATCH 118/209] Update dummy component

---
 resources/stubs/DummyForm.php | 30 +++++++++++++-----------------
 1 file changed, 13 insertions(+), 17 deletions(-)

diff --git a/resources/stubs/DummyForm.php b/resources/stubs/DummyForm.php
index 1094d79d..b1ff62a7 100644
--- a/resources/stubs/DummyForm.php
+++ b/resources/stubs/DummyForm.php
@@ -5,6 +5,7 @@
 use Aerni\LivewireForms\Form\Fields;
 use Aerni\LivewireForms\Livewire\Concerns\WithStatamicFormBuilder;
 use Livewire\Component;
+use Statamic\Contracts\Forms\Submission;
 
 class DummyForm extends Component
 {
@@ -33,7 +34,7 @@ class DummyForm extends Component
     |--------------------------------------------------------------------------
     |
     | You may add unique models that only apply to this form component.
-    | Use a field's handle as the key to only use the model for that field.
+    | Use a field's handle as the key to only use the model for that particular field.
     |
     */
 
@@ -44,34 +45,29 @@ class DummyForm extends Component
 
     /*
     |--------------------------------------------------------------------------
-    | Callbacks & Hooks
+    | Lifecycle Hooks
     |--------------------------------------------------------------------------
     |
-    | You may use the following callbacks and hooks to modify fields and data
-    | at various lifecycle steps.
+    | You may use the following lifecycle hooks to modify fields and data
+    | at various steps in the component lifecycle.
     |
     */
 
-    // protected function hydratedFields(Fields $fields): void
+    // public function mountedFields($fields): void
     // {
     //     $fields->get('name')->label('Your name');
     // }
 
-    // protected function submittingForm(): void
+    // public function hydrateFields($fields): void
     // {
-    //     $this->data['success'] = true;
+    //     $fields->get('name')->label('Your name');
     // }
 
-    // protected function createdSubmission(Submission $submission): void
+    // public function formSubmitted(Submission $submission): void
     // {
-    //     $title = $submission->augmentedValue('entry')->value()->title;
-    //
-    //     $submission->set('entry_title', $title);
-    // }
+    //     $submission->set('created_at', now()->timestamp);
 
-    // protected function submittedForm(): void
-    // {
-    //     Newsletter::subscribe($this->data['email']);
+    //     Newsletter::subscribe($submission->get('email'));
     // }
 
     /*
@@ -86,12 +82,12 @@ class DummyForm extends Component
 
     // public function successMessage(): string
     // {
-    //     return __("Thank you, {$this->data['name']}!");
+    //     return __("Thank you, {$this->submission->get('name')}!");
     // }
 
     // public function errorMessage(): string
     // {
-    // return __("Something went terribly wrong!");
+    //     return __('Something went terribly wrong!');
     // }
 
     // public function submitButtonLabel(): string

From 87d7652da639bcd615e2a5f2b125d0cddf80faba Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sun, 17 Dec 2023 12:54:31 -0500
Subject: [PATCH 119/209] Refactor submittable fields

---
 resources/dist/js/livewire-forms.js           |  8 ++--
 resources/js/form.js                          | 42 +++++++++----------
 resources/views/default.blade.php             |  2 +-
 .../views/default/layouts/field.blade.php     |  1 -
 src/Fields/Field.php                          | 13 ------
 src/Fields/Honeypot.php                       |  2 -
 src/Livewire/Concerns/HandlesSubmission.php   | 11 -----
 src/Livewire/Concerns/HandlesValues.php       |  7 +++-
 src/Livewire/Concerns/SubmitsForm.php         |  4 +-
 9 files changed, 31 insertions(+), 59 deletions(-)

diff --git a/resources/dist/js/livewire-forms.js b/resources/dist/js/livewire-forms.js
index cbb4478c..412af1b7 100644
--- a/resources/dist/js/livewire-forms.js
+++ b/resources/dist/js/livewire-forms.js
@@ -1,14 +1,14 @@
 (function(r){typeof define=="function"&&define.amd?define(r):r()})(function(){"use strict";var z=Object.defineProperty;var C=(r,e,t)=>e in r?z(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var R=(r,e,t)=>(C(r,typeof e!="symbol"?e+"":e,t),t);const KEYS=["if","if_any","show_when","show_when_any","unless","unless_any","hide_when","hide_when_any"],OPERATORS=["equals","not","contains","contains_any","===","!==",">",">=","<","<=","custom"],ALIASES={is:"equals","==":"equals",isnt:"not","!=":"not",includes:"contains",includes_any:"contains_any"};var VERSION="1.13.6",root=typeof self=="object"&&self.self===self&&self||typeof global=="object"&&global.global===global&&global||Function("return this")()||{},ArrayProto=Array.prototype,ObjProto=Object.prototype,push=ArrayProto.push,slice=ArrayProto.slice,toString=ObjProto.toString,hasOwnProperty=ObjProto.hasOwnProperty,nativeIsArray=Array.isArray,nativeKeys=Object.keys,_isNaN=isNaN,hasEnumBug=!{toString:null}.propertyIsEnumerable("toString"),nonEnumerableProps=["valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"],MAX_ARRAY_INDEX=Math.pow(2,53)-1;function _(r){if(r instanceof _)return r;if(!(this instanceof _))return new _(r);this._wrapped=r}_.VERSION=VERSION,_.prototype.value=function(){return this._wrapped},_.prototype.valueOf=_.prototype.toJSON=_.prototype.value,_.prototype.toString=function(){return String(this._wrapped)};function identity(r){return r}function tagTester(r){var e="[object "+r+"]";return function(t){return toString.call(t)===e}}var isFunction=tagTester("Function"),nodelist=root.document&&root.document.childNodes;typeof/./!="function"&&typeof Int8Array!="object"&&typeof nodelist!="function"&&(isFunction=function(r){return typeof r=="function"||!1});const isFunction$1=isFunction;function isObject(r){var e=typeof r;return e==="function"||e==="object"&&!!r}const isArray=nativeIsArray||tagTester("Array");function createAssigner(r,e){return function(t){var n=arguments.length;if(e&&(t=Object(t)),n<2||t==null)return t;for(var s=1;s<n;s++)for(var l=arguments[s],o=r(l),a=o.length,c=0;c<a;c++){var p=o[c];(!e||t[p]===void 0)&&(t[p]=l[p])}return t}}function has(r,e){return r!=null&&hasOwnProperty.call(r,e)}function emulatedSet(r){for(var e={},t=r.length,n=0;n<t;++n)e[r[n]]=!0;return{contains:function(s){return e[s]===!0},push:function(s){return e[s]=!0,r.push(s)}}}function collectNonEnumProps(r,e){e=emulatedSet(e);var t=nonEnumerableProps.length,n=r.constructor,s=isFunction$1(n)&&n.prototype||ObjProto,l="constructor";for(has(r,l)&&!e.contains(l)&&e.push(l);t--;)l=nonEnumerableProps[t],l in r&&r[l]!==s[l]&&!e.contains(l)&&e.push(l)}function keys(r){if(!isObject(r))return[];if(nativeKeys)return nativeKeys(r);var e=[];for(var t in r)has(r,t)&&e.push(t);return hasEnumBug&&collectNonEnumProps(r,e),e}const extendOwn=createAssigner(keys);function isMatch(r,e){var t=keys(e),n=t.length;if(r==null)return!n;for(var s=Object(r),l=0;l<n;l++){var o=t[l];if(e[o]!==s[o]||!(o in s))return!1}return!0}function matcher(r){return r=extendOwn({},r),function(e){return isMatch(e,r)}}function deepGet(r,e){for(var t=e.length,n=0;n<t;n++){if(r==null)return;r=r[e[n]]}return t?r:void 0}function toPath$1(r){return isArray(r)?r:[r]}_.toPath=toPath$1;function toPath(r){return _.toPath(r)}function property(r){return r=toPath(r),function(e){return deepGet(e,r)}}function optimizeCb(r,e,t){if(e===void 0)return r;switch(t??3){case 1:return function(n){return r.call(e,n)};case 3:return function(n,s,l){return r.call(e,n,s,l)};case 4:return function(n,s,l,o){return r.call(e,n,s,l,o)}}return function(){return r.apply(e,arguments)}}function baseIteratee(r,e,t){return r==null?identity:isFunction$1(r)?optimizeCb(r,e,t):isObject(r)&&!isArray(r)?matcher(r):property(r)}function iteratee(r,e){return baseIteratee(r,e,1/0)}_.iteratee=iteratee;function cb(r,e,t){return _.iteratee!==iteratee?_.iteratee(r,e):baseIteratee(r,e,t)}function createSizePropertyCheck(r){return function(e){var t=r(e);return typeof t=="number"&&t>=0&&t<=MAX_ARRAY_INDEX}}function shallowProperty(r){return function(e){return e==null?void 0:e[r]}}const getLength=shallowProperty("length"),isArrayLike=createSizePropertyCheck(getLength);function map(r,e,t){e=cb(e,t);for(var n=!isArrayLike(r)&&keys(r),s=(n||r).length,l=Array(s),o=0;o<s;o++){var a=n?n[o]:o;l[o]=e(r[a],a,r)}return l}function each(r,e,t){e=optimizeCb(e,t);var n,s;if(isArrayLike(r))for(n=0,s=r.length;n<s;n++)e(r[n],n,r);else{var l=keys(r);for(n=0,s=l.length;n<s;n++)e(r[l[n]],l[n],r)}return r}function filter(r,e,t){var n=[];return e=cb(e,t),each(r,function(s,l,o){e(s,l,o)&&n.push(s)}),n}function chain(r){var e=_(r);return e._chain=!0,e}function functions(r){var e=[];for(var t in r)isFunction$1(r[t])&&e.push(t);return e.sort()}function chainResult(r,e){return r._chain?_(e).chain():e}function mixin(r){return each(functions(r),function(e){var t=_[e]=r[e];_.prototype[e]=function(){var n=[this._wrapped];return push.apply(n,arguments),chainResult(this,t.apply(_,n))}}),_}mixin({chain,filter,each});class Converter{fromBlueprint(e,t=null){return map(e,(n,s)=>this.splitRhs(s,n,t))}toBlueprint(e){let t={};return each(e,n=>{t[n.field]=this.combineRhs(n)}),t}splitRhs(e,t,n=null){return{field:this.getScopedFieldHandle(e,n),operator:this.getOperatorFromRhs(t),value:this.getValueFromRhs(t)}}getScopedFieldHandle(e,t){return e.startsWith("root.")||!t?e:t+e}getOperatorFromRhs(e){let t="==";return chain(this.getOperatorsAndAliases()).filter(n=>new RegExp(`^${n} [^=]`).test(this.normalizeConditionString(e))).each(n=>t=n),this.normalizeOperator(t)}normalizeOperator(e){return ALIASES[e]?ALIASES[e]:e}getValueFromRhs(e){let t=this.normalizeConditionString(e);return chain(this.getOperatorsAndAliases()).filter(n=>new RegExp(`^${n} [^=]`).test(t)).each(n=>t=t.replace(new RegExp(`^${n}[ ]*`),"")),t}combineRhs(e){let t=e.operator?e.operator.trim():"",n=e.value.trim();return`${t} ${n}`.trim()}getOperatorsAndAliases(){return OPERATORS.concat(Object.keys(ALIASES))}normalizeConditionString(e){return e===null?"null":e===""?"empty":e.toString()}}function getDefaults(){return{async:!1,baseUrl:null,breaks:!1,extensions:null,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,hooks:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1}}let defaults=getDefaults();function changeDefaults(r){defaults=r}const escapeTest=/[&<>"']/,escapeReplace=new RegExp(escapeTest.source,"g"),escapeTestNoEncode=/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,escapeReplaceNoEncode=new RegExp(escapeTestNoEncode.source,"g"),escapeReplacements={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},getEscapeReplacement=r=>escapeReplacements[r];function escape(r,e){if(e){if(escapeTest.test(r))return r.replace(escapeReplace,getEscapeReplacement)}else if(escapeTestNoEncode.test(r))return r.replace(escapeReplaceNoEncode,getEscapeReplacement);return r}const unescapeTest=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;function unescape(r){return r.replace(unescapeTest,(e,t)=>(t=t.toLowerCase(),t==="colon"?":":t.charAt(0)==="#"?t.charAt(1)==="x"?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""))}const caret=/(^|[^\[])\^/g;function edit(r,e){r=typeof r=="string"?r:r.source,e=e||"";const t={replace:(n,s)=>(s=s.source||s,s=s.replace(caret,"$1"),r=r.replace(n,s),t),getRegex:()=>new RegExp(r,e)};return t}const nonWordAndColonTest=/[^\w:]/g,originIndependentUrl=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function cleanUrl(r,e,t){if(r){let n;try{n=decodeURIComponent(unescape(t)).replace(nonWordAndColonTest,"").toLowerCase()}catch{return null}if(n.indexOf("javascript:")===0||n.indexOf("vbscript:")===0||n.indexOf("data:")===0)return null}e&&!originIndependentUrl.test(t)&&(t=resolveUrl(e,t));try{t=encodeURI(t).replace(/%25/g,"%")}catch{return null}return t}const baseUrls={},justDomain=/^[^:]+:\/*[^/]*$/,protocol=/^([^:]+:)[\s\S]*$/,domain=/^([^:]+:\/*[^/]*)[\s\S]*$/;function resolveUrl(r,e){baseUrls[" "+r]||(justDomain.test(r)?baseUrls[" "+r]=r+"/":baseUrls[" "+r]=rtrim(r,"/",!0)),r=baseUrls[" "+r];const t=r.indexOf(":")===-1;return e.substring(0,2)==="//"?t?e:r.replace(protocol,"$1")+e:e.charAt(0)==="/"?t?e:r.replace(domain,"$1")+e:r+e}const noopTest={exec:function(){}};function splitCells(r,e){const t=r.replace(/\|/g,(l,o,a)=>{let c=!1,p=o;for(;--p>=0&&a[p]==="\\";)c=!c;return c?"|":" |"}),n=t.split(/ \|/);let s=0;if(n[0].trim()||n.shift(),n.length>0&&!n[n.length-1].trim()&&n.pop(),n.length>e)n.splice(e);else for(;n.length<e;)n.push("");for(;s<n.length;s++)n[s]=n[s].trim().replace(/\\\|/g,"|");return n}function rtrim(r,e,t){const n=r.length;if(n===0)return"";let s=0;for(;s<n;){const l=r.charAt(n-s-1);if(l===e&&!t)s++;else if(l!==e&&t)s++;else break}return r.slice(0,n-s)}function findClosingBracket(r,e){if(r.indexOf(e[1])===-1)return-1;const t=r.length;let n=0,s=0;for(;s<t;s++)if(r[s]==="\\")s++;else if(r[s]===e[0])n++;else if(r[s]===e[1]&&(n--,n<0))return s;return-1}function checkSanitizeDeprecation(r){r&&r.sanitize&&!r.silent&&console.warn("marked(): sanitize and sanitizer parameters are deprecated since version 0.7.0, should not be used and will be removed in the future. Read more here: https://marked.js.org/#/USING_ADVANCED.md#options")}function repeatString(r,e){if(e<1)return"";let t="";for(;e>1;)e&1&&(t+=r),e>>=1,r+=r;return t+r}function outputLink(r,e,t,n){const s=e.href,l=e.title?escape(e.title):null,o=r[1].replace(/\\([\[\]])/g,"$1");if(r[0].charAt(0)!=="!"){n.state.inLink=!0;const a={type:"link",raw:t,href:s,title:l,text:o,tokens:n.inlineTokens(o)};return n.state.inLink=!1,a}return{type:"image",raw:t,href:s,title:l,text:escape(o)}}function indentCodeCompensation(r,e){const t=r.match(/^(\s+)(?:```)/);if(t===null)return e;const n=t[1];return e.split(`
 `).map(s=>{const l=s.match(/^\s+/);if(l===null)return s;const[o]=l;return o.length>=n.length?s.slice(n.length):s}).join(`
 `)}class Tokenizer{constructor(e){this.options=e||defaults}space(e){const t=this.rules.block.newline.exec(e);if(t&&t[0].length>0)return{type:"space",raw:t[0]}}code(e){const t=this.rules.block.code.exec(e);if(t){const n=t[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:this.options.pedantic?n:rtrim(n,`
-`)}}}fences(e){const t=this.rules.block.fences.exec(e);if(t){const n=t[0],s=indentCodeCompensation(n,t[3]||"");return{type:"code",raw:n,lang:t[2]?t[2].trim().replace(this.rules.inline._escapes,"$1"):t[2],text:s}}}heading(e){const t=this.rules.block.heading.exec(e);if(t){let n=t[2].trim();if(/#$/.test(n)){const s=rtrim(n,"#");(this.options.pedantic||!s||/ $/.test(s))&&(n=s.trim())}return{type:"heading",raw:t[0],depth:t[1].length,text:n,tokens:this.lexer.inline(n)}}}hr(e){const t=this.rules.block.hr.exec(e);if(t)return{type:"hr",raw:t[0]}}blockquote(e){const t=this.rules.block.blockquote.exec(e);if(t){const n=t[0].replace(/^ *>[ \t]?/gm,""),s=this.lexer.state.top;this.lexer.state.top=!0;const l=this.lexer.blockTokens(n);return this.lexer.state.top=s,{type:"blockquote",raw:t[0],tokens:l,text:n}}}list(e){let t=this.rules.block.list.exec(e);if(t){let n,s,l,o,a,c,p,h,f,g,u,x,k=t[1].trim();const v=k.length>1,d={type:"list",raw:"",ordered:v,start:v?+k.slice(0,-1):"",loose:!1,items:[]};k=v?`\\d{1,9}\\${k.slice(-1)}`:`\\${k}`,this.options.pedantic&&(k=v?k:"[*+-]");const m=new RegExp(`^( {0,3}${k})((?:[	 ][^\\n]*)?(?:\\n|$))`);for(;e&&(x=!1,!(!(t=m.exec(e))||this.rules.block.hr.test(e)));){if(n=t[0],e=e.substring(n.length),h=t[2].split(`
+`)}}}fences(e){const t=this.rules.block.fences.exec(e);if(t){const n=t[0],s=indentCodeCompensation(n,t[3]||"");return{type:"code",raw:n,lang:t[2]?t[2].trim().replace(this.rules.inline._escapes,"$1"):t[2],text:s}}}heading(e){const t=this.rules.block.heading.exec(e);if(t){let n=t[2].trim();if(/#$/.test(n)){const s=rtrim(n,"#");(this.options.pedantic||!s||/ $/.test(s))&&(n=s.trim())}return{type:"heading",raw:t[0],depth:t[1].length,text:n,tokens:this.lexer.inline(n)}}}hr(e){const t=this.rules.block.hr.exec(e);if(t)return{type:"hr",raw:t[0]}}blockquote(e){const t=this.rules.block.blockquote.exec(e);if(t){const n=t[0].replace(/^ *>[ \t]?/gm,""),s=this.lexer.state.top;this.lexer.state.top=!0;const l=this.lexer.blockTokens(n);return this.lexer.state.top=s,{type:"blockquote",raw:t[0],tokens:l,text:n}}}list(e){let t=this.rules.block.list.exec(e);if(t){let n,s,l,o,a,c,p,h,f,g,u,x,k=t[1].trim();const S=k.length>1,d={type:"list",raw:"",ordered:S,start:S?+k.slice(0,-1):"",loose:!1,items:[]};k=S?`\\d{1,9}\\${k.slice(-1)}`:`\\${k}`,this.options.pedantic&&(k=S?k:"[*+-]");const m=new RegExp(`^( {0,3}${k})((?:[	 ][^\\n]*)?(?:\\n|$))`);for(;e&&(x=!1,!(!(t=m.exec(e))||this.rules.block.hr.test(e)));){if(n=t[0],e=e.substring(n.length),h=t[2].split(`
 `,1)[0].replace(/^\t+/,y=>" ".repeat(3*y.length)),f=e.split(`
 `,1)[0],this.options.pedantic?(o=2,u=h.trimLeft()):(o=t[2].search(/[^ ]/),o=o>4?1:o,u=h.slice(o),o+=t[1].length),c=!1,!h&&/^ *$/.test(f)&&(n+=f+`
 `,e=e.substring(f.length+1),x=!0),!x){const y=new RegExp(`^ {0,${Math.min(3,o-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`),b=new RegExp(`^ {0,${Math.min(3,o-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),w=new RegExp(`^ {0,${Math.min(3,o-1)}}(?:\`\`\`|~~~)`),$=new RegExp(`^ {0,${Math.min(3,o-1)}}#`);for(;e&&(g=e.split(`
 `,1)[0],f=g,this.options.pedantic&&(f=f.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")),!(w.test(f)||$.test(f)||y.test(f)||b.test(e)));){if(f.search(/[^ ]/)>=o||!f.trim())u+=`
 `+f.slice(o);else{if(c||h.search(/[^ ]/)>=4||w.test(h)||$.test(h)||b.test(h))break;u+=`
 `+f}!c&&!f.trim()&&(c=!0),n+=g+`
-`,e=e.substring(g.length+1),h=f.slice(o)}}d.loose||(p?d.loose=!0:/\n *\n *$/.test(n)&&(p=!0)),this.options.gfm&&(s=/^\[[ xX]\] /.exec(u),s&&(l=s[0]!=="[ ] ",u=u.replace(/^\[[ xX]\] +/,""))),d.items.push({type:"list_item",raw:n,task:!!s,checked:l,loose:!1,text:u}),d.raw+=n}d.items[d.items.length-1].raw=n.trimRight(),d.items[d.items.length-1].text=u.trimRight(),d.raw=d.raw.trimRight();const S=d.items.length;for(a=0;a<S;a++)if(this.lexer.state.top=!1,d.items[a].tokens=this.lexer.blockTokens(d.items[a].text,[]),!d.loose){const y=d.items[a].tokens.filter(w=>w.type==="space"),b=y.length>0&&y.some(w=>/\n.*\n/.test(w.raw));d.loose=b}if(d.loose)for(a=0;a<S;a++)d.items[a].loose=!0;return d}}html(e){const t=this.rules.block.html.exec(e);if(t){const n={type:"html",raw:t[0],pre:!this.options.sanitizer&&(t[1]==="pre"||t[1]==="script"||t[1]==="style"),text:t[0]};if(this.options.sanitize){const s=this.options.sanitizer?this.options.sanitizer(t[0]):escape(t[0]);n.type="paragraph",n.text=s,n.tokens=this.lexer.inline(s)}return n}}def(e){const t=this.rules.block.def.exec(e);if(t){const n=t[1].toLowerCase().replace(/\s+/g," "),s=t[2]?t[2].replace(/^<(.*)>$/,"$1").replace(this.rules.inline._escapes,"$1"):"",l=t[3]?t[3].substring(1,t[3].length-1).replace(this.rules.inline._escapes,"$1"):t[3];return{type:"def",tag:n,raw:t[0],href:s,title:l}}}table(e){const t=this.rules.block.table.exec(e);if(t){const n={type:"table",header:splitCells(t[1]).map(s=>({text:s})),align:t[2].replace(/^ *|\| *$/g,"").split(/ *\| */),rows:t[3]&&t[3].trim()?t[3].replace(/\n[ \t]*$/,"").split(`
+`,e=e.substring(g.length+1),h=f.slice(o)}}d.loose||(p?d.loose=!0:/\n *\n *$/.test(n)&&(p=!0)),this.options.gfm&&(s=/^\[[ xX]\] /.exec(u),s&&(l=s[0]!=="[ ] ",u=u.replace(/^\[[ xX]\] +/,""))),d.items.push({type:"list_item",raw:n,task:!!s,checked:l,loose:!1,text:u}),d.raw+=n}d.items[d.items.length-1].raw=n.trimRight(),d.items[d.items.length-1].text=u.trimRight(),d.raw=d.raw.trimRight();const v=d.items.length;for(a=0;a<v;a++)if(this.lexer.state.top=!1,d.items[a].tokens=this.lexer.blockTokens(d.items[a].text,[]),!d.loose){const y=d.items[a].tokens.filter(w=>w.type==="space"),b=y.length>0&&y.some(w=>/\n.*\n/.test(w.raw));d.loose=b}if(d.loose)for(a=0;a<v;a++)d.items[a].loose=!0;return d}}html(e){const t=this.rules.block.html.exec(e);if(t){const n={type:"html",raw:t[0],pre:!this.options.sanitizer&&(t[1]==="pre"||t[1]==="script"||t[1]==="style"),text:t[0]};if(this.options.sanitize){const s=this.options.sanitizer?this.options.sanitizer(t[0]):escape(t[0]);n.type="paragraph",n.text=s,n.tokens=this.lexer.inline(s)}return n}}def(e){const t=this.rules.block.def.exec(e);if(t){const n=t[1].toLowerCase().replace(/\s+/g," "),s=t[2]?t[2].replace(/^<(.*)>$/,"$1").replace(this.rules.inline._escapes,"$1"):"",l=t[3]?t[3].substring(1,t[3].length-1).replace(this.rules.inline._escapes,"$1"):t[3];return{type:"def",tag:n,raw:t[0],href:s,title:l}}}table(e){const t=this.rules.block.table.exec(e);if(t){const n={type:"table",header:splitCells(t[1]).map(s=>({text:s})),align:t[2].replace(/^ *|\| *$/g,"").split(/ *\| */),rows:t[3]&&t[3].trim()?t[3].replace(/\n[ \t]*$/,"").split(`
 `):[]};if(n.header.length===n.align.length){n.raw=t[0];let s=n.align.length,l,o,a,c;for(l=0;l<s;l++)/^ *-+: *$/.test(n.align[l])?n.align[l]="right":/^ *:-+: *$/.test(n.align[l])?n.align[l]="center":/^ *:-+ *$/.test(n.align[l])?n.align[l]="left":n.align[l]=null;for(s=n.rows.length,l=0;l<s;l++)n.rows[l]=splitCells(n.rows[l],n.header.length).map(p=>({text:p}));for(s=n.header.length,o=0;o<s;o++)n.header[o].tokens=this.lexer.inline(n.header[o].text);for(s=n.rows.length,o=0;o<s;o++)for(c=n.rows[o],a=0;a<c.length;a++)c[a].tokens=this.lexer.inline(c[a].text);return n}}}lheading(e){const t=this.rules.block.lheading.exec(e);if(t)return{type:"heading",raw:t[0],depth:t[2].charAt(0)==="="?1:2,text:t[1],tokens:this.lexer.inline(t[1])}}paragraph(e){const t=this.rules.block.paragraph.exec(e);if(t){const n=t[1].charAt(t[1].length-1)===`
 `?t[1].slice(0,-1):t[1];return{type:"paragraph",raw:t[0],text:n,tokens:this.lexer.inline(n)}}}text(e){const t=this.rules.block.text.exec(e);if(t)return{type:"text",raw:t[0],text:t[0],tokens:this.lexer.inline(t[0])}}escape(e){const t=this.rules.inline.escape.exec(e);if(t)return{type:"escape",raw:t[0],text:escape(t[1])}}tag(e){const t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&/^<a /i.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\/a>/i.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0])&&(this.lexer.state.inRawBlock=!1),{type:this.options.sanitize?"text":"html",raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(t[0]):escape(t[0]):t[0]}}link(e){const t=this.rules.inline.link.exec(e);if(t){const n=t[2].trim();if(!this.options.pedantic&&/^</.test(n)){if(!/>$/.test(n))return;const o=rtrim(n.slice(0,-1),"\\");if((n.length-o.length)%2===0)return}else{const o=findClosingBracket(t[2],"()");if(o>-1){const c=(t[0].indexOf("!")===0?5:4)+t[1].length+o;t[2]=t[2].substring(0,o),t[0]=t[0].substring(0,c).trim(),t[3]=""}}let s=t[2],l="";if(this.options.pedantic){const o=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(s);o&&(s=o[1],l=o[3])}else l=t[3]?t[3].slice(1,-1):"";return s=s.trim(),/^</.test(s)&&(this.options.pedantic&&!/>$/.test(n)?s=s.slice(1):s=s.slice(1,-1)),outputLink(t,{href:s&&s.replace(this.rules.inline._escapes,"$1"),title:l&&l.replace(this.rules.inline._escapes,"$1")},t[0],this.lexer)}}reflink(e,t){let n;if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){let s=(n[2]||n[1]).replace(/\s+/g," ");if(s=t[s.toLowerCase()],!s){const l=n[0].charAt(0);return{type:"text",raw:l,text:l}}return outputLink(n,s,n[0],this.lexer)}}emStrong(e,t,n=""){let s=this.rules.inline.emStrong.lDelim.exec(e);if(!s||s[3]&&n.match(/[\p{L}\p{N}]/u))return;const l=s[1]||s[2]||"";if(!l||l&&(n===""||this.rules.inline.punctuation.exec(n))){const o=s[0].length-1;let a,c,p=o,h=0;const f=s[0][0]==="*"?this.rules.inline.emStrong.rDelimAst:this.rules.inline.emStrong.rDelimUnd;for(f.lastIndex=0,t=t.slice(-1*e.length+o);(s=f.exec(t))!=null;){if(a=s[1]||s[2]||s[3]||s[4]||s[5]||s[6],!a)continue;if(c=a.length,s[3]||s[4]){p+=c;continue}else if((s[5]||s[6])&&o%3&&!((o+c)%3)){h+=c;continue}if(p-=c,p>0)continue;c=Math.min(c,c+p+h);const g=e.slice(0,o+s.index+(s[0].length-a.length)+c);if(Math.min(o,c)%2){const x=g.slice(1,-1);return{type:"em",raw:g,text:x,tokens:this.lexer.inlineTokens(x)}}const u=g.slice(2,-2);return{type:"strong",raw:g,text:u,tokens:this.lexer.inlineTokens(u)}}}}codespan(e){const t=this.rules.inline.code.exec(e);if(t){let n=t[2].replace(/\n/g," ");const s=/[^ ]/.test(n),l=/^ /.test(n)&&/ $/.test(n);return s&&l&&(n=n.substring(1,n.length-1)),n=escape(n,!0),{type:"codespan",raw:t[0],text:n}}}br(e){const t=this.rules.inline.br.exec(e);if(t)return{type:"br",raw:t[0]}}del(e){const t=this.rules.inline.del.exec(e);if(t)return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2])}}autolink(e,t){const n=this.rules.inline.autolink.exec(e);if(n){let s,l;return n[2]==="@"?(s=escape(this.options.mangle?t(n[1]):n[1]),l="mailto:"+s):(s=escape(n[1]),l=s),{type:"link",raw:n[0],text:s,href:l,tokens:[{type:"text",raw:s,text:s}]}}}url(e,t){let n;if(n=this.rules.inline.url.exec(e)){let s,l;if(n[2]==="@")s=escape(this.options.mangle?t(n[0]):n[0]),l="mailto:"+s;else{let o;do o=n[0],n[0]=this.rules.inline._backpedal.exec(n[0])[0];while(o!==n[0]);s=escape(n[0]),n[1]==="www."?l="http://"+n[0]:l=n[0]}return{type:"link",raw:n[0],text:s,href:l,tokens:[{type:"text",raw:s,text:s}]}}}inlineText(e,t){const n=this.rules.inline.text.exec(e);if(n){let s;return this.lexer.state.inRawBlock?s=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(n[0]):escape(n[0]):n[0]:s=escape(this.options.smartypants?t(n[0]):n[0]),{type:"text",raw:n[0],text:s}}}}const block={newline:/^(?: *(?:\n|$))+/,code:/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,fences:/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,hr:/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/,html:"^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))",def:/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/,table:noopTest,lheading:/^((?:.|\n(?!\n))+?)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,text:/^[^\n]+/};block._label=/(?!\s*\])(?:\\.|[^\[\]\\])+/,block._title=/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/,block.def=edit(block.def).replace("label",block._label).replace("title",block._title).getRegex(),block.bullet=/(?:[*+-]|\d{1,9}[.)])/,block.listItemStart=edit(/^( *)(bull) */).replace("bull",block.bullet).getRegex(),block.list=edit(block.list).replace(/bull/g,block.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+block.def.source+")").getRegex(),block._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",block._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,block.html=edit(block.html,"i").replace("comment",block._comment).replace("tag",block._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),block.paragraph=edit(block._paragraph).replace("hr",block.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",block._tag).getRegex(),block.blockquote=edit(block.blockquote).replace("paragraph",block.paragraph).getRegex(),block.normal={...block},block.gfm={...block.normal,table:"^ *([^\\n ].*\\|.*)\\n {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"},block.gfm.table=edit(block.gfm.table).replace("hr",block.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",block._tag).getRegex(),block.gfm.paragraph=edit(block._paragraph).replace("hr",block.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("table",block.gfm.table).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",block._tag).getRegex(),block.pedantic={...block.normal,html:edit(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment",block._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:noopTest,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:edit(block.normal._paragraph).replace("hr",block.hr).replace("heading",` *#{1,6} *[^
 ]`).replace("lheading",block.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()};const inline={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:noopTest,tag:"^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>",link:/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(ref)\]/,nolink:/^!?\[(ref)\](?:\[\])?/,reflinkSearch:"reflink|nolink(?!\\()",emStrong:{lDelim:/^(?:\*+(?:([punct_])|[^\s*]))|^_+(?:([punct*])|([^\s_]))/,rDelimAst:/^(?:[^_*\\]|\\.)*?\_\_(?:[^_*\\]|\\.)*?\*(?:[^_*\\]|\\.)*?(?=\_\_)|(?:[^*\\]|\\.)+(?=[^*])|[punct_](\*+)(?=[\s]|$)|(?:[^punct*_\s\\]|\\.)(\*+)(?=[punct_\s]|$)|[punct_\s](\*+)(?=[^punct*_\s])|[\s](\*+)(?=[punct_])|[punct_](\*+)(?=[punct_])|(?:[^punct*_\s\\]|\\.)(\*+)(?=[^punct*_\s])/,rDelimUnd:/^(?:[^_*\\]|\\.)*?\*\*(?:[^_*\\]|\\.)*?\_(?:[^_*\\]|\\.)*?(?=\*\*)|(?:[^_\\]|\\.)+(?=[^_])|[punct*](\_+)(?=[\s]|$)|(?:[^punct*_\s\\]|\\.)(\_+)(?=[punct*\s]|$)|[punct*\s](\_+)(?=[^punct*_\s])|[\s](\_+)(?=[punct*])|[punct*](\_+)(?=[punct*])/},code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:noopTest,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\spunctuation])/};inline._punctuation="!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~",inline.punctuation=edit(inline.punctuation).replace(/punctuation/g,inline._punctuation).getRegex(),inline.blockSkip=/\[[^\]]*?\]\([^\)]*?\)|`[^`]*?`|<[^>]*?>/g,inline.escapedEmSt=/(?:^|[^\\])(?:\\\\)*\\[*_]/g,inline._comment=edit(block._comment).replace("(?:-->|$)","-->").getRegex(),inline.emStrong.lDelim=edit(inline.emStrong.lDelim).replace(/punct/g,inline._punctuation).getRegex(),inline.emStrong.rDelimAst=edit(inline.emStrong.rDelimAst,"g").replace(/punct/g,inline._punctuation).getRegex(),inline.emStrong.rDelimUnd=edit(inline.emStrong.rDelimUnd,"g").replace(/punct/g,inline._punctuation).getRegex(),inline._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,inline._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,inline._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,inline.autolink=edit(inline.autolink).replace("scheme",inline._scheme).replace("email",inline._email).getRegex(),inline._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,inline.tag=edit(inline.tag).replace("comment",inline._comment).replace("attribute",inline._attribute).getRegex(),inline._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,inline._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/,inline._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,inline.link=edit(inline.link).replace("label",inline._label).replace("href",inline._href).replace("title",inline._title).getRegex(),inline.reflink=edit(inline.reflink).replace("label",inline._label).replace("ref",block._label).getRegex(),inline.nolink=edit(inline.nolink).replace("ref",block._label).getRegex(),inline.reflinkSearch=edit(inline.reflinkSearch,"g").replace("reflink",inline.reflink).replace("nolink",inline.nolink).getRegex(),inline.normal={...inline},inline.pedantic={...inline.normal,strong:{start:/^__|\*\*/,middle:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,endAst:/\*\*(?!\*)/g,endUnd:/__(?!_)/g},em:{start:/^_|\*/,middle:/^()\*(?=\S)([\s\S]*?\S)\*(?!\*)|^_(?=\S)([\s\S]*?\S)_(?!_)/,endAst:/\*(?!\*)/g,endUnd:/_(?!_)/g},link:edit(/^!?\[(label)\]\((.*?)\)/).replace("label",inline._label).getRegex(),reflink:edit(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",inline._label).getRegex()},inline.gfm={...inline.normal,escape:edit(inline.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/},inline.gfm.url=edit(inline.gfm.url,"i").replace("email",inline.gfm._extended_email).getRegex(),inline.breaks={...inline.gfm,br:edit(inline.br).replace("{2,}","*").getRegex(),text:edit(inline.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()};function smartypants(r){return r.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…")}function mangle(r){let e="",t,n;const s=r.length;for(t=0;t<s;t++)n=r.charCodeAt(t),Math.random()>.5&&(n="x"+n.toString(16)),e+="&#"+n+";";return e}class Lexer{constructor(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||defaults,this.options.tokenizer=this.options.tokenizer||new Tokenizer,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};const t={block:block.normal,inline:inline.normal};this.options.pedantic?(t.block=block.pedantic,t.inline=inline.pedantic):this.options.gfm&&(t.block=block.gfm,this.options.breaks?t.inline=inline.breaks:t.inline=inline.gfm),this.tokenizer.rules=t}static get rules(){return{block,inline}}static lex(e,t){return new Lexer(t).lex(e)}static lexInline(e,t){return new Lexer(t).inlineTokens(e)}lex(e){e=e.replace(/\r\n|\r/g,`
@@ -41,6 +41,6 @@ ${e}</blockquote>
 `}tablerow(e){return`<tr>
 ${e}</tr>
 `}tablecell(e,t){const n=t.header?"th":"td";return(t.align?`<${n} align="${t.align}">`:`<${n}>`)+e+`</${n}>
-`}strong(e){return`<strong>${e}</strong>`}em(e){return`<em>${e}</em>`}codespan(e){return`<code>${e}</code>`}br(){return this.options.xhtml?"<br/>":"<br>"}del(e){return`<del>${e}</del>`}link(e,t,n){if(e=cleanUrl(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let s='<a href="'+e+'"';return t&&(s+=' title="'+t+'"'),s+=">"+n+"</a>",s}image(e,t,n){if(e=cleanUrl(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let s=`<img src="${e}" alt="${n}"`;return t&&(s+=` title="${t}"`),s+=this.options.xhtml?"/>":">",s}text(e){return e}}class TextRenderer{strong(e){return e}em(e){return e}codespan(e){return e}del(e){return e}html(e){return e}text(e){return e}link(e,t,n){return""+n}image(e,t,n){return""+n}br(){return""}}class Slugger{constructor(){this.seen={}}serialize(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/ig,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")}getNextSafeSlug(e,t){let n=e,s=0;if(this.seen.hasOwnProperty(n)){s=this.seen[e];do s++,n=e+"-"+s;while(this.seen.hasOwnProperty(n))}return t||(this.seen[e]=s,this.seen[n]=0),n}slug(e,t={}){const n=this.serialize(e);return this.getNextSafeSlug(n,t.dryrun)}}class Parser{constructor(e){this.options=e||defaults,this.options.renderer=this.options.renderer||new Renderer,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new TextRenderer,this.slugger=new Slugger}static parse(e,t){return new Parser(t).parse(e)}static parseInline(e,t){return new Parser(t).parseInline(e)}parse(e,t=!0){let n="",s,l,o,a,c,p,h,f,g,u,x,k,v,d,m,S,y,b,w;const $=e.length;for(s=0;s<$;s++){if(u=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[u.type]&&(w=this.options.extensions.renderers[u.type].call({parser:this},u),w!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(u.type))){n+=w||"";continue}switch(u.type){case"space":continue;case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(u.tokens),u.depth,unescape(this.parseInline(u.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(u.text,u.lang,u.escaped);continue}case"table":{for(f="",h="",a=u.header.length,l=0;l<a;l++)h+=this.renderer.tablecell(this.parseInline(u.header[l].tokens),{header:!0,align:u.align[l]});for(f+=this.renderer.tablerow(h),g="",a=u.rows.length,l=0;l<a;l++){for(p=u.rows[l],h="",c=p.length,o=0;o<c;o++)h+=this.renderer.tablecell(this.parseInline(p[o].tokens),{header:!1,align:u.align[o]});g+=this.renderer.tablerow(h)}n+=this.renderer.table(f,g);continue}case"blockquote":{g=this.parse(u.tokens),n+=this.renderer.blockquote(g);continue}case"list":{for(x=u.ordered,k=u.start,v=u.loose,a=u.items.length,g="",l=0;l<a;l++)m=u.items[l],S=m.checked,y=m.task,d="",m.task&&(b=this.renderer.checkbox(S),v?m.tokens.length>0&&m.tokens[0].type==="paragraph"?(m.tokens[0].text=b+" "+m.tokens[0].text,m.tokens[0].tokens&&m.tokens[0].tokens.length>0&&m.tokens[0].tokens[0].type==="text"&&(m.tokens[0].tokens[0].text=b+" "+m.tokens[0].tokens[0].text)):m.tokens.unshift({type:"text",text:b}):d+=b),d+=this.parse(m.tokens,v),g+=this.renderer.listitem(d,y,S);n+=this.renderer.list(g,x,k);continue}case"html":{n+=this.renderer.html(u.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(u.tokens));continue}case"text":{for(g=u.tokens?this.parseInline(u.tokens):u.text;s+1<$&&e[s+1].type==="text";)u=e[++s],g+=`
+`}strong(e){return`<strong>${e}</strong>`}em(e){return`<em>${e}</em>`}codespan(e){return`<code>${e}</code>`}br(){return this.options.xhtml?"<br/>":"<br>"}del(e){return`<del>${e}</del>`}link(e,t,n){if(e=cleanUrl(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let s='<a href="'+e+'"';return t&&(s+=' title="'+t+'"'),s+=">"+n+"</a>",s}image(e,t,n){if(e=cleanUrl(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let s=`<img src="${e}" alt="${n}"`;return t&&(s+=` title="${t}"`),s+=this.options.xhtml?"/>":">",s}text(e){return e}}class TextRenderer{strong(e){return e}em(e){return e}codespan(e){return e}del(e){return e}html(e){return e}text(e){return e}link(e,t,n){return""+n}image(e,t,n){return""+n}br(){return""}}class Slugger{constructor(){this.seen={}}serialize(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/ig,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")}getNextSafeSlug(e,t){let n=e,s=0;if(this.seen.hasOwnProperty(n)){s=this.seen[e];do s++,n=e+"-"+s;while(this.seen.hasOwnProperty(n))}return t||(this.seen[e]=s,this.seen[n]=0),n}slug(e,t={}){const n=this.serialize(e);return this.getNextSafeSlug(n,t.dryrun)}}class Parser{constructor(e){this.options=e||defaults,this.options.renderer=this.options.renderer||new Renderer,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new TextRenderer,this.slugger=new Slugger}static parse(e,t){return new Parser(t).parse(e)}static parseInline(e,t){return new Parser(t).parseInline(e)}parse(e,t=!0){let n="",s,l,o,a,c,p,h,f,g,u,x,k,S,d,m,v,y,b,w;const $=e.length;for(s=0;s<$;s++){if(u=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[u.type]&&(w=this.options.extensions.renderers[u.type].call({parser:this},u),w!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(u.type))){n+=w||"";continue}switch(u.type){case"space":continue;case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(u.tokens),u.depth,unescape(this.parseInline(u.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(u.text,u.lang,u.escaped);continue}case"table":{for(f="",h="",a=u.header.length,l=0;l<a;l++)h+=this.renderer.tablecell(this.parseInline(u.header[l].tokens),{header:!0,align:u.align[l]});for(f+=this.renderer.tablerow(h),g="",a=u.rows.length,l=0;l<a;l++){for(p=u.rows[l],h="",c=p.length,o=0;o<c;o++)h+=this.renderer.tablecell(this.parseInline(p[o].tokens),{header:!1,align:u.align[o]});g+=this.renderer.tablerow(h)}n+=this.renderer.table(f,g);continue}case"blockquote":{g=this.parse(u.tokens),n+=this.renderer.blockquote(g);continue}case"list":{for(x=u.ordered,k=u.start,S=u.loose,a=u.items.length,g="",l=0;l<a;l++)m=u.items[l],v=m.checked,y=m.task,d="",m.task&&(b=this.renderer.checkbox(v),S?m.tokens.length>0&&m.tokens[0].type==="paragraph"?(m.tokens[0].text=b+" "+m.tokens[0].text,m.tokens[0].tokens&&m.tokens[0].tokens.length>0&&m.tokens[0].tokens[0].type==="text"&&(m.tokens[0].tokens[0].text=b+" "+m.tokens[0].tokens[0].text)):m.tokens.unshift({type:"text",text:b}):d+=b),d+=this.parse(m.tokens,S),g+=this.renderer.listitem(d,y,v);n+=this.renderer.list(g,x,k);continue}case"html":{n+=this.renderer.html(u.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(u.tokens));continue}case"text":{for(g=u.tokens?this.parseInline(u.tokens):u.text;s+1<$&&e[s+1].type==="text";)u=e[++s],g+=`
 `+(u.tokens?this.parseInline(u.tokens):u.text);n+=t?this.renderer.paragraph(g):g;continue}default:{const A='Token with "'+u.type+'" type was not found.';if(this.options.silent){console.error(A);return}else throw new Error(A)}}}return n}parseInline(e,t){t=t||this.renderer;let n="",s,l,o;const a=e.length;for(s=0;s<a;s++){if(l=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[l.type]&&(o=this.options.extensions.renderers[l.type].call({parser:this},l),o!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(l.type))){n+=o||"";continue}switch(l.type){case"escape":{n+=t.text(l.text);break}case"html":{n+=t.html(l.text);break}case"link":{n+=t.link(l.href,l.title,this.parseInline(l.tokens,t));break}case"image":{n+=t.image(l.href,l.title,l.text);break}case"strong":{n+=t.strong(this.parseInline(l.tokens,t));break}case"em":{n+=t.em(this.parseInline(l.tokens,t));break}case"codespan":{n+=t.codespan(l.text);break}case"br":{n+=t.br();break}case"del":{n+=t.del(this.parseInline(l.tokens,t));break}case"text":{n+=t.text(l.text);break}default:{const c='Token with "'+l.type+'" type was not found.';if(this.options.silent){console.error(c);return}else throw new Error(c)}}}return n}}class Hooks{constructor(e){this.options=e||defaults}preprocess(e){return e}postprocess(e){return e}}R(Hooks,"passThroughHooks",new Set(["preprocess","postprocess"]));function onError(r,e,t){return n=>{if(n.message+=`
-Please report this to https://github.com/markedjs/marked.`,r){const s="<p>An error occurred:</p><pre>"+escape(n.message+"",!0)+"</pre>";if(e)return Promise.resolve(s);if(t){t(null,s);return}return s}if(e)return Promise.reject(n);if(t){t(n);return}throw n}}function parseMarkdown(r,e){return(t,n,s)=>{typeof n=="function"&&(s=n,n=null);const l={...n};n={...marked.defaults,...l};const o=onError(n.silent,n.async,s);if(typeof t>"u"||t===null)return o(new Error("marked(): input parameter is undefined or null"));if(typeof t!="string")return o(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(t)+", string expected"));if(checkSanitizeDeprecation(n),n.hooks&&(n.hooks.options=n),s){const a=n.highlight;let c;try{n.hooks&&(t=n.hooks.preprocess(t)),c=r(t,n)}catch(f){return o(f)}const p=function(f){let g;if(!f)try{n.walkTokens&&marked.walkTokens(c,n.walkTokens),g=e(c,n),n.hooks&&(g=n.hooks.postprocess(g))}catch(u){f=u}return n.highlight=a,f?o(f):s(null,g)};if(!a||a.length<3||(delete n.highlight,!c.length))return p();let h=0;marked.walkTokens(c,function(f){f.type==="code"&&(h++,setTimeout(()=>{a(f.text,f.lang,function(g,u){if(g)return p(g);u!=null&&u!==f.text&&(f.text=u,f.escaped=!0),h--,h===0&&p()})},0))}),h===0&&p();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(t):t).then(a=>r(a,n)).then(a=>n.walkTokens?Promise.all(marked.walkTokens(a,n.walkTokens)).then(()=>a):a).then(a=>e(a,n)).then(a=>n.hooks?n.hooks.postprocess(a):a).catch(o);try{n.hooks&&(t=n.hooks.preprocess(t));const a=r(t,n);n.walkTokens&&marked.walkTokens(a,n.walkTokens);let c=e(a,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(a){return o(a)}}}function marked(r,e,t){return parseMarkdown(Lexer.lex,Parser.parse)(r,e,t)}marked.options=marked.setOptions=function(r){return marked.defaults={...marked.defaults,...r},changeDefaults(marked.defaults),marked},marked.getDefaults=getDefaults,marked.defaults=defaults,marked.use=function(...r){const e=marked.defaults.extensions||{renderers:{},childTokens:{}};r.forEach(t=>{const n={...t};if(n.async=marked.defaults.async||n.async||!1,t.extensions&&(t.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if(s.renderer){const l=e.renderers[s.name];l?e.renderers[s.name]=function(...o){let a=s.renderer.apply(this,o);return a===!1&&(a=l.apply(this,o)),a}:e.renderers[s.name]=s.renderer}if(s.tokenizer){if(!s.level||s.level!=="block"&&s.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");e[s.level]?e[s.level].unshift(s.tokenizer):e[s.level]=[s.tokenizer],s.start&&(s.level==="block"?e.startBlock?e.startBlock.push(s.start):e.startBlock=[s.start]:s.level==="inline"&&(e.startInline?e.startInline.push(s.start):e.startInline=[s.start]))}s.childTokens&&(e.childTokens[s.name]=s.childTokens)}),n.extensions=e),t.renderer){const s=marked.defaults.renderer||new Renderer;for(const l in t.renderer){const o=s[l];s[l]=(...a)=>{let c=t.renderer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.renderer=s}if(t.tokenizer){const s=marked.defaults.tokenizer||new Tokenizer;for(const l in t.tokenizer){const o=s[l];s[l]=(...a)=>{let c=t.tokenizer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.tokenizer=s}if(t.hooks){const s=marked.defaults.hooks||new Hooks;for(const l in t.hooks){const o=s[l];Hooks.passThroughHooks.has(l)?s[l]=a=>{if(marked.defaults.async)return Promise.resolve(t.hooks[l].call(s,a)).then(p=>o.call(s,p));const c=t.hooks[l].call(s,a);return o.call(s,c)}:s[l]=(...a)=>{let c=t.hooks[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.hooks=s}if(t.walkTokens){const s=marked.defaults.walkTokens;n.walkTokens=function(l){let o=[];return o.push(t.walkTokens.call(this,l)),s&&(o=o.concat(s.call(this,l))),o}}marked.setOptions(n)})},marked.walkTokens=function(r,e){let t=[];for(const n of r)switch(t=t.concat(e.call(marked,n)),n.type){case"table":{for(const s of n.header)t=t.concat(marked.walkTokens(s.tokens,e));for(const s of n.rows)for(const l of s)t=t.concat(marked.walkTokens(l.tokens,e));break}case"list":{t=t.concat(marked.walkTokens(n.items,e));break}default:marked.defaults.extensions&&marked.defaults.extensions.childTokens&&marked.defaults.extensions.childTokens[n.type]?marked.defaults.extensions.childTokens[n.type].forEach(function(s){t=t.concat(marked.walkTokens(n[s],e))}):n.tokens&&(t=t.concat(marked.walkTokens(n.tokens,e)))}return t},marked.parseInline=parseMarkdown(Lexer.lexInline,Parser.parseInline),marked.Parser=Parser,marked.parser=Parser.parse,marked.Renderer=Renderer,marked.TextRenderer=TextRenderer,marked.Lexer=Lexer,marked.lexer=Lexer.lex,marked.Tokenizer=Tokenizer,marked.Slugger=Slugger,marked.Hooks=Hooks,marked.parse=marked,marked.options,marked.setOptions,marked.use,marked.walkTokens,marked.parseInline,Parser.parse,Lexer.lex;function getAugmentedNamespace(r){if(r.__esModule)return r;var e=r.default;if(typeof e=="function"){var t=function n(){return this instanceof n?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};t.prototype=e.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(r).forEach(function(n){var s=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:function(){return r[n]}})}),t}function commonjsRequire(r){throw new Error('Could not dynamically require "'+r+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var uniqid={exports:{}};const __viteBrowserExternal={},__viteBrowserExternal$1=Object.freeze(Object.defineProperty({__proto__:null,default:__viteBrowserExternal},Symbol.toStringTag,{value:"Module"})),require$$0=getAugmentedNamespace(__viteBrowserExternal$1);var pid=typeof process<"u"&&process.pid?process.pid.toString(36):"",address="";if(typeof __webpack_require__!="function"&&typeof commonjsRequire<"u"){var mac="",os=require$$0;if(os.networkInterfaces)var networkInterfaces=os.networkInterfaces();if(networkInterfaces){e:for(let r in networkInterfaces){const e=networkInterfaces[r],t=e.length;for(var i=0;i<t;i++)if(e[i]!==void 0&&e[i].mac&&e[i].mac!="00:00:00:00:00:00"){mac=e[i].mac;break e}}address=mac?parseInt(mac.replace(/\:|\D+/gi,"")).toString(36):""}}uniqid.exports=uniqid.exports.default=function(r,e){return(r||"")+address+pid+now().toString(36)+(e||"")},uniqid.exports.process=function(r,e){return(r||"")+pid+now().toString(36)+(e||"")},uniqid.exports.time=function(r,e){return(r||"")+now().toString(36)+(e||"")};function now(){var r=Date.now(),e=now.last||r;return now.last=r>e?r:e+1}function data_get(r,e,t=null){var n=Array.isArray(e)?e:e.split("."),s=n.reduce((l,o)=>l&&l[o],r);return s!==void 0?s:t}const isString=tagTester("String");var isArguments=tagTester("Arguments");(function(){isArguments(arguments)||(isArguments=function(r){return has(r,"callee")})})();const isArguments$1=isArguments;function isEmpty(r){if(r==null)return!0;var e=getLength(r);return typeof e=="number"&&(isArray(r)||isString(r)||isArguments$1(r))?e===0:getLength(keys(r))===0}function values(r){for(var e=keys(r),t=e.length,n=Array(t),s=0;s<t;s++)n[s]=r[e[s]];return n}function sortedIndex(r,e,t,n){t=cb(t,n,1);for(var s=t(e),l=0,o=getLength(r);l<o;){var a=Math.floor((l+o)/2);t(r[a])<s?l=a+1:o=a}return l}function createPredicateIndexFinder(r){return function(e,t,n){t=cb(t,n);for(var s=getLength(e),l=r>0?0:s-1;l>=0&&l<s;l+=r)if(t(e[l],l,e))return l;return-1}}const findIndex=createPredicateIndexFinder(1),isNumber=tagTester("Number");function isNaN$1(r){return isNumber(r)&&_isNaN(r)}function createIndexFinder(r,e,t){return function(n,s,l){var o=0,a=getLength(n);if(typeof l=="number")r>0?o=l>=0?l:Math.max(l+a,o):a=l>=0?Math.min(l+1,a):l+a+1;else if(t&&l&&a)return l=t(n,s),n[l]===s?l:-1;if(s!==s)return l=e(slice.call(n,o,a),isNaN$1),l>=0?l+o:-1;for(l=r>0?o:a-1;l>=0&&l<a;l+=r)if(n[l]===s)return l;return-1}}const indexOf=createIndexFinder(1,findIndex,sortedIndex);function contains(r,e,t,n){return isArrayLike(r)||(r=values(r)),(typeof t!="number"||n)&&(t=0),indexOf(r,e,t)>=0}function intersection(r){for(var e=[],t=arguments.length,n=0,s=getLength(r);n<s;n++){var l=r[n];if(!contains(e,l)){var o;for(o=1;o<t&&contains(arguments[o],l);o++);o===t&&e.push(l)}}return e}function negate(r){return function(){return!r.apply(this,arguments)}}function reject(r,e,t){return filter(r,negate(cb(e)),t)}function initial(r,e,t){return slice.call(r,0,Math.max(0,r.length-(e==null||t?1:e)))}function first(r,e,t){return r==null||r.length<1?e==null||t?void 0:[]:e==null||t?r[0]:initial(r,r.length-e)}mixin({chain,map,each,filter,reject,first,isEmpty});const NUMBER_SPECIFIC_COMPARISONS=[">",">=","<","<="];class Validator{constructor(r,e,t,n){this.field=r,this.values=e,this.rootValues=t?t.state.publish[n].values:!1,this.store=t,this.storeName=n,this.passOnAny=!1,this.showOnPass=!0,this.converter=new Converter}passesConditions(r){let e=r||this.getConditions();if(e===void 0)return!0;if(this.isCustomConditionWithoutTarget(e))return this.passesCustomCondition(this.prepareCondition(e));let t=this.passOnAny?this.passesAnyConditions(e):this.passesAllConditions(e);return this.showOnPass?t:!t}getConditions(){let r=chain(KEYS).filter(t=>this.field[t]).first().value();if(!r)return;r.includes("any")&&(this.passOnAny=!0),(r.includes("unless")||r.includes("hide_when"))&&(this.showOnPass=!1);let e=this.field[r];return this.isCustomConditionWithoutTarget(e)?e:this.converter.fromBlueprint(e,this.field.prefix)}isCustomConditionWithoutTarget(r){return isString(r)}passesAllConditions(r){return chain(r).map(e=>this.prepareCondition(e)).reject(e=>this.passesCondition(e)).isEmpty().value()}passesAnyConditions(r){return!chain(r).map(e=>this.prepareCondition(e)).filter(e=>this.passesCondition(e)).isEmpty().value()}prepareCondition(r){if(isString(r)||r.operator==="custom")return this.prepareCustomCondition(r);let e=this.prepareOperator(r.operator),t=this.prepareLhs(r.field,e),n=this.prepareRhs(r.value,e);return{lhs:t,operator:e,rhs:n}}prepareOperator(r){switch(r){case null:case"":case"is":case"equals":return"==";case"isnt":case"not":case"¯\\_(ツ)_/¯":return"!=";case"includes":case"contains":return"includes";case"includes_any":case"contains_any":return"includes_any"}return r}prepareLhs(r,e){let t=this.getFieldValue(r);return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(t):e==="includes"&&!isObject(t)?t?t.toString():"":(isString(t)&&isEmpty(t)&&(t=null),isString(t)?JSON.stringify(t.trim()):t)}prepareRhs(r,e){switch(r){case"null":return null;case"true":return!0;case"false":return!1}return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(r):r==="empty"||e==="includes"||e==="includes_any"?r:isString(r)?JSON.stringify(r.trim()):r}prepareCustomCondition(r){let e=this.prepareFunctionName(r.value||r),t=this.prepareParams(r.value||r),n=r.field?this.getFieldValue(r.field):null;return{functionName:e,params:t,target:n}}prepareFunctionName(r){return r.replace(new RegExp("^custom "),"").split(":")[0]}prepareParams(r){let e=r.split(":")[1];return e?e.split(",").map(t=>t.trim()):[]}getFieldValue(r){return r.startsWith("root.")?data_get(this.rootValues,r.replace(new RegExp("^root."),"")):data_get(this.values,r)}passesCondition(condition){return condition.functionName?this.passesCustomCondition(condition):condition.operator==="includes"?this.passesIncludesCondition(condition):condition.operator==="includes_any"?this.passesIncludesAnyCondition(condition):(condition.rhs==="empty"&&(condition.lhs=isEmpty(condition.lhs),condition.rhs=!0),isObject(condition.lhs)?!1:eval(`${condition.lhs} ${condition.operator} ${condition.rhs}`))}passesIncludesCondition(r){return r.lhs.includes(r.rhs)}passesIncludesAnyCondition(r){let e=r.rhs.split(",").map(t=>t.trim());return Array.isArray(r.lhs)?intersection(r.lhs,e).length:new RegExp(e.join("|")).test(r.lhs)}passesCustomCondition(r){let e=data_get(this.store.state.statamic.conditions,r.functionName);if(typeof e!="function")return console.error(`Statamic field condition [${r.functionName}] was not properly defined.`),!1;let t=e({params:r.params,target:r.target,values:this.values,root:this.rootValues,store:this.store,storeName:this.storeName});return this.showOnPass?t:!t}passesNonRevealerConditions(r){let e=this.getConditions();if(this.isCustomConditionWithoutTarget(e))return this.passesConditions(e);let t=data_get(this.store.state.publish[this.storeName],"revealerFields",[]),n=chain(this.getConditions()).reject(s=>t.includes(this.relativeLhsToAbsoluteFieldPath(s.field,r))).value();return this.passesConditions(n)}relativeLhsToAbsoluteFieldPath(r,e){return e?r.startsWith("root.")?r.replace(/^root\./,""):e+"."+r:r}}class FieldConditions{showField(e,t){return new Validator(e,t).passesConditions()}}const form=()=>({fields:{},conditions:new FieldConditions,processFields(r){this.fields=Object.entries(r).reduce((e,[t,n])=>(e[t]={value:n.value,conditions:n.properties.conditions??[],visible:!0},e),{})},showField(r){return this.fields[r].visible=this.conditions.showField(this.fields[r].conditions,this.values())},showSection(r){return Object.entries(r).some(([e])=>this.fields[e].visible)},values(){return Object.entries(this.fields).reduce((r,[e,t])=>(r[e]=t.value,r),{})},submittableFields(){return Object.entries(this.fields).reduce((r,[e,t])=>(r[e]=t.visible,r),{})}});Alpine.data("form",form)});
+Please report this to https://github.com/markedjs/marked.`,r){const s="<p>An error occurred:</p><pre>"+escape(n.message+"",!0)+"</pre>";if(e)return Promise.resolve(s);if(t){t(null,s);return}return s}if(e)return Promise.reject(n);if(t){t(n);return}throw n}}function parseMarkdown(r,e){return(t,n,s)=>{typeof n=="function"&&(s=n,n=null);const l={...n};n={...marked.defaults,...l};const o=onError(n.silent,n.async,s);if(typeof t>"u"||t===null)return o(new Error("marked(): input parameter is undefined or null"));if(typeof t!="string")return o(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(t)+", string expected"));if(checkSanitizeDeprecation(n),n.hooks&&(n.hooks.options=n),s){const a=n.highlight;let c;try{n.hooks&&(t=n.hooks.preprocess(t)),c=r(t,n)}catch(f){return o(f)}const p=function(f){let g;if(!f)try{n.walkTokens&&marked.walkTokens(c,n.walkTokens),g=e(c,n),n.hooks&&(g=n.hooks.postprocess(g))}catch(u){f=u}return n.highlight=a,f?o(f):s(null,g)};if(!a||a.length<3||(delete n.highlight,!c.length))return p();let h=0;marked.walkTokens(c,function(f){f.type==="code"&&(h++,setTimeout(()=>{a(f.text,f.lang,function(g,u){if(g)return p(g);u!=null&&u!==f.text&&(f.text=u,f.escaped=!0),h--,h===0&&p()})},0))}),h===0&&p();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(t):t).then(a=>r(a,n)).then(a=>n.walkTokens?Promise.all(marked.walkTokens(a,n.walkTokens)).then(()=>a):a).then(a=>e(a,n)).then(a=>n.hooks?n.hooks.postprocess(a):a).catch(o);try{n.hooks&&(t=n.hooks.preprocess(t));const a=r(t,n);n.walkTokens&&marked.walkTokens(a,n.walkTokens);let c=e(a,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(a){return o(a)}}}function marked(r,e,t){return parseMarkdown(Lexer.lex,Parser.parse)(r,e,t)}marked.options=marked.setOptions=function(r){return marked.defaults={...marked.defaults,...r},changeDefaults(marked.defaults),marked},marked.getDefaults=getDefaults,marked.defaults=defaults,marked.use=function(...r){const e=marked.defaults.extensions||{renderers:{},childTokens:{}};r.forEach(t=>{const n={...t};if(n.async=marked.defaults.async||n.async||!1,t.extensions&&(t.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if(s.renderer){const l=e.renderers[s.name];l?e.renderers[s.name]=function(...o){let a=s.renderer.apply(this,o);return a===!1&&(a=l.apply(this,o)),a}:e.renderers[s.name]=s.renderer}if(s.tokenizer){if(!s.level||s.level!=="block"&&s.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");e[s.level]?e[s.level].unshift(s.tokenizer):e[s.level]=[s.tokenizer],s.start&&(s.level==="block"?e.startBlock?e.startBlock.push(s.start):e.startBlock=[s.start]:s.level==="inline"&&(e.startInline?e.startInline.push(s.start):e.startInline=[s.start]))}s.childTokens&&(e.childTokens[s.name]=s.childTokens)}),n.extensions=e),t.renderer){const s=marked.defaults.renderer||new Renderer;for(const l in t.renderer){const o=s[l];s[l]=(...a)=>{let c=t.renderer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.renderer=s}if(t.tokenizer){const s=marked.defaults.tokenizer||new Tokenizer;for(const l in t.tokenizer){const o=s[l];s[l]=(...a)=>{let c=t.tokenizer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.tokenizer=s}if(t.hooks){const s=marked.defaults.hooks||new Hooks;for(const l in t.hooks){const o=s[l];Hooks.passThroughHooks.has(l)?s[l]=a=>{if(marked.defaults.async)return Promise.resolve(t.hooks[l].call(s,a)).then(p=>o.call(s,p));const c=t.hooks[l].call(s,a);return o.call(s,c)}:s[l]=(...a)=>{let c=t.hooks[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.hooks=s}if(t.walkTokens){const s=marked.defaults.walkTokens;n.walkTokens=function(l){let o=[];return o.push(t.walkTokens.call(this,l)),s&&(o=o.concat(s.call(this,l))),o}}marked.setOptions(n)})},marked.walkTokens=function(r,e){let t=[];for(const n of r)switch(t=t.concat(e.call(marked,n)),n.type){case"table":{for(const s of n.header)t=t.concat(marked.walkTokens(s.tokens,e));for(const s of n.rows)for(const l of s)t=t.concat(marked.walkTokens(l.tokens,e));break}case"list":{t=t.concat(marked.walkTokens(n.items,e));break}default:marked.defaults.extensions&&marked.defaults.extensions.childTokens&&marked.defaults.extensions.childTokens[n.type]?marked.defaults.extensions.childTokens[n.type].forEach(function(s){t=t.concat(marked.walkTokens(n[s],e))}):n.tokens&&(t=t.concat(marked.walkTokens(n.tokens,e)))}return t},marked.parseInline=parseMarkdown(Lexer.lexInline,Parser.parseInline),marked.Parser=Parser,marked.parser=Parser.parse,marked.Renderer=Renderer,marked.TextRenderer=TextRenderer,marked.Lexer=Lexer,marked.lexer=Lexer.lex,marked.Tokenizer=Tokenizer,marked.Slugger=Slugger,marked.Hooks=Hooks,marked.parse=marked,marked.options,marked.setOptions,marked.use,marked.walkTokens,marked.parseInline,Parser.parse,Lexer.lex;function getAugmentedNamespace(r){if(r.__esModule)return r;var e=r.default;if(typeof e=="function"){var t=function n(){return this instanceof n?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};t.prototype=e.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(r).forEach(function(n){var s=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:function(){return r[n]}})}),t}function commonjsRequire(r){throw new Error('Could not dynamically require "'+r+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var uniqid={exports:{}};const __viteBrowserExternal={},__viteBrowserExternal$1=Object.freeze(Object.defineProperty({__proto__:null,default:__viteBrowserExternal},Symbol.toStringTag,{value:"Module"})),require$$0=getAugmentedNamespace(__viteBrowserExternal$1);var pid=typeof process<"u"&&process.pid?process.pid.toString(36):"",address="";if(typeof __webpack_require__!="function"&&typeof commonjsRequire<"u"){var mac="",os=require$$0;if(os.networkInterfaces)var networkInterfaces=os.networkInterfaces();if(networkInterfaces){e:for(let r in networkInterfaces){const e=networkInterfaces[r],t=e.length;for(var i=0;i<t;i++)if(e[i]!==void 0&&e[i].mac&&e[i].mac!="00:00:00:00:00:00"){mac=e[i].mac;break e}}address=mac?parseInt(mac.replace(/\:|\D+/gi,"")).toString(36):""}}uniqid.exports=uniqid.exports.default=function(r,e){return(r||"")+address+pid+now().toString(36)+(e||"")},uniqid.exports.process=function(r,e){return(r||"")+pid+now().toString(36)+(e||"")},uniqid.exports.time=function(r,e){return(r||"")+now().toString(36)+(e||"")};function now(){var r=Date.now(),e=now.last||r;return now.last=r>e?r:e+1}function data_get(r,e,t=null){var n=Array.isArray(e)?e:e.split("."),s=n.reduce((l,o)=>l&&l[o],r);return s!==void 0?s:t}const isString=tagTester("String");var isArguments=tagTester("Arguments");(function(){isArguments(arguments)||(isArguments=function(r){return has(r,"callee")})})();const isArguments$1=isArguments;function isEmpty(r){if(r==null)return!0;var e=getLength(r);return typeof e=="number"&&(isArray(r)||isString(r)||isArguments$1(r))?e===0:getLength(keys(r))===0}function values(r){for(var e=keys(r),t=e.length,n=Array(t),s=0;s<t;s++)n[s]=r[e[s]];return n}function sortedIndex(r,e,t,n){t=cb(t,n,1);for(var s=t(e),l=0,o=getLength(r);l<o;){var a=Math.floor((l+o)/2);t(r[a])<s?l=a+1:o=a}return l}function createPredicateIndexFinder(r){return function(e,t,n){t=cb(t,n);for(var s=getLength(e),l=r>0?0:s-1;l>=0&&l<s;l+=r)if(t(e[l],l,e))return l;return-1}}const findIndex=createPredicateIndexFinder(1),isNumber=tagTester("Number");function isNaN$1(r){return isNumber(r)&&_isNaN(r)}function createIndexFinder(r,e,t){return function(n,s,l){var o=0,a=getLength(n);if(typeof l=="number")r>0?o=l>=0?l:Math.max(l+a,o):a=l>=0?Math.min(l+1,a):l+a+1;else if(t&&l&&a)return l=t(n,s),n[l]===s?l:-1;if(s!==s)return l=e(slice.call(n,o,a),isNaN$1),l>=0?l+o:-1;for(l=r>0?o:a-1;l>=0&&l<a;l+=r)if(n[l]===s)return l;return-1}}const indexOf=createIndexFinder(1,findIndex,sortedIndex);function contains(r,e,t,n){return isArrayLike(r)||(r=values(r)),(typeof t!="number"||n)&&(t=0),indexOf(r,e,t)>=0}function intersection(r){for(var e=[],t=arguments.length,n=0,s=getLength(r);n<s;n++){var l=r[n];if(!contains(e,l)){var o;for(o=1;o<t&&contains(arguments[o],l);o++);o===t&&e.push(l)}}return e}function negate(r){return function(){return!r.apply(this,arguments)}}function reject(r,e,t){return filter(r,negate(cb(e)),t)}function initial(r,e,t){return slice.call(r,0,Math.max(0,r.length-(e==null||t?1:e)))}function first(r,e,t){return r==null||r.length<1?e==null||t?void 0:[]:e==null||t?r[0]:initial(r,r.length-e)}mixin({chain,map,each,filter,reject,first,isEmpty});const NUMBER_SPECIFIC_COMPARISONS=[">",">=","<","<="];class Validator{constructor(r,e,t,n){this.field=r,this.values=e,this.rootValues=t?t.state.publish[n].values:!1,this.store=t,this.storeName=n,this.passOnAny=!1,this.showOnPass=!0,this.converter=new Converter}passesConditions(r){let e=r||this.getConditions();if(e===void 0)return!0;if(this.isCustomConditionWithoutTarget(e))return this.passesCustomCondition(this.prepareCondition(e));let t=this.passOnAny?this.passesAnyConditions(e):this.passesAllConditions(e);return this.showOnPass?t:!t}getConditions(){let r=chain(KEYS).filter(t=>this.field[t]).first().value();if(!r)return;r.includes("any")&&(this.passOnAny=!0),(r.includes("unless")||r.includes("hide_when"))&&(this.showOnPass=!1);let e=this.field[r];return this.isCustomConditionWithoutTarget(e)?e:this.converter.fromBlueprint(e,this.field.prefix)}isCustomConditionWithoutTarget(r){return isString(r)}passesAllConditions(r){return chain(r).map(e=>this.prepareCondition(e)).reject(e=>this.passesCondition(e)).isEmpty().value()}passesAnyConditions(r){return!chain(r).map(e=>this.prepareCondition(e)).filter(e=>this.passesCondition(e)).isEmpty().value()}prepareCondition(r){if(isString(r)||r.operator==="custom")return this.prepareCustomCondition(r);let e=this.prepareOperator(r.operator),t=this.prepareLhs(r.field,e),n=this.prepareRhs(r.value,e);return{lhs:t,operator:e,rhs:n}}prepareOperator(r){switch(r){case null:case"":case"is":case"equals":return"==";case"isnt":case"not":case"¯\\_(ツ)_/¯":return"!=";case"includes":case"contains":return"includes";case"includes_any":case"contains_any":return"includes_any"}return r}prepareLhs(r,e){let t=this.getFieldValue(r);return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(t):e==="includes"&&!isObject(t)?t?t.toString():"":(isString(t)&&isEmpty(t)&&(t=null),isString(t)?JSON.stringify(t.trim()):t)}prepareRhs(r,e){switch(r){case"null":return null;case"true":return!0;case"false":return!1}return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(r):r==="empty"||e==="includes"||e==="includes_any"?r:isString(r)?JSON.stringify(r.trim()):r}prepareCustomCondition(r){let e=this.prepareFunctionName(r.value||r),t=this.prepareParams(r.value||r),n=r.field?this.getFieldValue(r.field):null;return{functionName:e,params:t,target:n}}prepareFunctionName(r){return r.replace(new RegExp("^custom "),"").split(":")[0]}prepareParams(r){let e=r.split(":")[1];return e?e.split(",").map(t=>t.trim()):[]}getFieldValue(r){return r.startsWith("root.")?data_get(this.rootValues,r.replace(new RegExp("^root."),"")):data_get(this.values,r)}passesCondition(condition){return condition.functionName?this.passesCustomCondition(condition):condition.operator==="includes"?this.passesIncludesCondition(condition):condition.operator==="includes_any"?this.passesIncludesAnyCondition(condition):(condition.rhs==="empty"&&(condition.lhs=isEmpty(condition.lhs),condition.rhs=!0),isObject(condition.lhs)?!1:eval(`${condition.lhs} ${condition.operator} ${condition.rhs}`))}passesIncludesCondition(r){return r.lhs.includes(r.rhs)}passesIncludesAnyCondition(r){let e=r.rhs.split(",").map(t=>t.trim());return Array.isArray(r.lhs)?intersection(r.lhs,e).length:new RegExp(e.join("|")).test(r.lhs)}passesCustomCondition(r){let e=data_get(this.store.state.statamic.conditions,r.functionName);if(typeof e!="function")return console.error(`Statamic field condition [${r.functionName}] was not properly defined.`),!1;let t=e({params:r.params,target:r.target,values:this.values,root:this.rootValues,store:this.store,storeName:this.storeName});return this.showOnPass?t:!t}passesNonRevealerConditions(r){let e=this.getConditions();if(this.isCustomConditionWithoutTarget(e))return this.passesConditions(e);let t=data_get(this.store.state.publish[this.storeName],"revealerFields",[]),n=chain(this.getConditions()).reject(s=>t.includes(this.relativeLhsToAbsoluteFieldPath(s.field,r))).value();return this.passesConditions(n)}relativeLhsToAbsoluteFieldPath(r,e){return e?r.startsWith("root.")?r.replace(/^root\./,""):e+"."+r:r}}class FieldConditions{showField(e,t){return new Validator(e,t).passesConditions()}}const form=()=>({fields:{},conditions:new FieldConditions,processFields(r){const e=Object.entries(r).reduce((t,[n,s])=>(t[n]=s.value,t),{});this.fields=Object.entries(r).reduce((t,[n,s])=>{const l=this.conditions.showField(s.properties.conditions,e);return t[n]={visible:l&&!s.properties.hidden,submittable:s.properties.always_save||l},this.$wire.submittableFields[n]=t[n].submittable,t},{})},showField(r){return this.fields[r].visible},showSection(r){return Object.entries(r).some(([e])=>this.fields[e].visible)}});Alpine.data("form",form)});
diff --git a/resources/js/form.js b/resources/js/form.js
index e04a422e..9f6e8d87 100644
--- a/resources/js/form.js
+++ b/resources/js/form.js
@@ -6,35 +6,31 @@ export default () => ({
     conditions: new FieldConditions,
 
     processFields(fields) {
-        this.fields = Object.entries(fields).reduce((field, [key, value]) => {
-            field[key] = {
-                value: value.value,
-                conditions: value.properties.conditions ?? [],
-                visible: true,
+        const values = Object.entries(fields).reduce((fields, [key, field]) => {
+            fields[key] = field.value
+
+            return fields
+        }, {})
+
+        this.fields = Object.entries(fields).reduce((fields, [key, field]) => {
+            const passesConditions = this.conditions.showField(field.properties.conditions, values)
+
+            fields[key] = {
+                visible: passesConditions && !field.properties.hidden,
+                submittable: field.properties.always_save || passesConditions
             }
-            return field;
-        }, {});
+
+            this.$wire.submittableFields[key] = fields[key].submittable
+
+            return fields
+        }, {})
     },
 
     showField(field) {
-        return this.fields[field].visible = this.conditions.showField(this.fields[field].conditions, this.values())
+        return this.fields[field].visible
     },
 
     showSection(fields) {
         return Object.entries(fields).some(([field]) => this.fields[field].visible)
-    },
-
-    values() {
-        return Object.entries(this.fields).reduce((field, [key, value]) => {
-            field[key] = value.value
-            return field;
-        }, {});
-    },
-
-    submittableFields() {
-        return Object.entries(this.fields).reduce((field, [key, value]) => {
-            field[key] = value.visible
-            return field;
-        }, {});
-    },
+    }
 })
diff --git a/resources/views/default.blade.php b/resources/views/default.blade.php
index 4823783b..a9ba4e19 100644
--- a/resources/views/default.blade.php
+++ b/resources/views/default.blade.php
@@ -2,7 +2,7 @@
     x-data="form"
     x-effect="processFields($wire.fields)"
     x-cloak
-    wire:submit="submit(submittableFields())"
+    wire:submit="submit"
 >
     <div class="grid gap-y-16">
         @formView('layouts.sections')
diff --git a/resources/views/default/layouts/field.blade.php b/resources/views/default/layouts/field.blade.php
index 26d593e7..df263beb 100644
--- a/resources/views/default/layouts/field.blade.php
+++ b/resources/views/default/layouts/field.blade.php
@@ -8,7 +8,6 @@ class="space-y-2 col-span-1
         {{ $field->width === 66 ? 'md:col-span-8' : '' }}
         {{ $field->width === 75 ? 'md:col-span-9' : '' }}
         {{ $field->width === 100 ? 'md:col-span-12' : '' }}
-        {{ $field->hidden ? 'hidden' : '' }}
     "
 >
     @formView($field->view)
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 939e973e..4368d162 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -43,8 +43,6 @@ abstract class Field implements Arrayable
 
     protected mixed $value = null;
 
-    protected bool $submittable = true;
-
     public function __construct(protected StatamicField $field, protected string $id)
     {
         //
@@ -67,10 +65,6 @@ public function validationAttributes(): array
 
     public function process(): mixed
     {
-        if (! $this->submittable()) {
-            return null;
-        }
-
         if ($this->cast_booleans && in_array($this->value, ['true', 'false'])) {
             return Str::toBool($this->value);
         }
@@ -92,13 +86,6 @@ public function resetValue(): self
         return $this;
     }
 
-    public function submittable(?bool $submittable = null): bool|self
-    {
-        return $this->fluentlyGetOrSet('submittable')
-            ->getter(fn ($submittable) => $this->always_save ? true : $submittable)
-            ->args(func_get_args());
-    }
-
     public function toArray(): array
     {
         return [
diff --git a/src/Fields/Honeypot.php b/src/Fields/Honeypot.php
index f3e40c9d..6d22ed91 100644
--- a/src/Fields/Honeypot.php
+++ b/src/Fields/Honeypot.php
@@ -5,6 +5,4 @@
 class Honeypot extends Field
 {
     protected string $view = 'honeypot';
-
-    protected bool $submittable = false;
 }
diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index ef1998e5..ddc9a920 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -13,28 +13,17 @@
 
 trait HandlesSubmission
 {
-    protected array $submittableFields = [];
-
     protected Submission $submission;
 
     protected function handleSubmission(): self
     {
         return $this
-            ->updateSubmittableFields()
             ->makeSubmission()
             ->handleFormEvents()
             ->saveSubmission()
             ->sendEmails();
     }
 
-    // TODO: Remove submittable on the field?
-    protected function updateSubmittableFields(): self
-    {
-        collect($this->submittableFields)->each(fn ($submittable, $field) => $this->fields->get($field)->submittable($submittable));
-
-        return $this;
-    }
-
     protected function makeSubmission(): self
     {
         $submission = $this->form->makeSubmission();
diff --git a/src/Livewire/Concerns/HandlesValues.php b/src/Livewire/Concerns/HandlesValues.php
index 142cc884..4b029f45 100644
--- a/src/Livewire/Concerns/HandlesValues.php
+++ b/src/Livewire/Concerns/HandlesValues.php
@@ -9,6 +9,8 @@ trait HandlesValues
 {
     use WithFileUploads;
 
+    public array $submittableFields = [];
+
     protected function values(): Collection
     {
         return $this->fields->map(fn ($field) => $field->value());
@@ -16,7 +18,10 @@ protected function values(): Collection
 
     protected function processedValues(): Collection
     {
-        return $this->fields->map(fn ($field) => $field->process());
+        return $this->fields
+            ->filter(fn ($field) => $this->submittableFields[$field->handle])
+            ->filter(fn ($field) => $field->handle !== $this->honeypot->handle)
+            ->map(fn ($field) => $field->process());
     }
 
     protected function resetValues(): Collection
diff --git a/src/Livewire/Concerns/SubmitsForm.php b/src/Livewire/Concerns/SubmitsForm.php
index 52ad6d5f..081464b2 100644
--- a/src/Livewire/Concerns/SubmitsForm.php
+++ b/src/Livewire/Concerns/SubmitsForm.php
@@ -11,12 +11,10 @@ trait SubmitsForm
     use HandlesSuccess;
     use HandlesValidation;
 
-    public function submit(array $submittableFields): void
+    public function submit(): void
     {
         $this->validate();
 
-        $this->submittableFields = $submittableFields;
-
         try {
             $this->handleSpam()->handleSubmission()->handleSuccess();
         } catch (SilentFormFailureException) {

From ec3a1b3609692f1866e9959729e2d9a12feafedc Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sun, 17 Dec 2023 20:07:37 -0500
Subject: [PATCH 120/209] Move all properties into constructor

---
 src/Fields/Field.php | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 4368d162..04d2371d 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -41,10 +41,11 @@ abstract class Field implements Arrayable
     use WithWidth;
     use WithWireModel;
 
-    protected mixed $value = null;
-
-    public function __construct(protected StatamicField $field, protected string $id)
-    {
+    public function __construct(
+        protected StatamicField $field,
+        protected string $id,
+        protected mixed $value = null
+    ) {
         //
     }
 

From 8b1cc7e8bf85bad137292ed1626ed1459ebfb5fa Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 23 Dec 2023 18:45:43 -0500
Subject: [PATCH 121/209] Reorganize form component and remove wrapper trait

---
 resources/stubs/DummyForm.php                 | 15 +++++--------
 src/Livewire/Concerns/RendersView.php         | 13 -----------
 .../Concerns/WithStatamicFormBuilder.php      | 15 -------------
 src/Livewire/Form.php                         | 22 +++++++++++++++++--
 4 files changed, 26 insertions(+), 39 deletions(-)
 delete mode 100644 src/Livewire/Concerns/RendersView.php
 delete mode 100644 src/Livewire/Concerns/WithStatamicFormBuilder.php

diff --git a/resources/stubs/DummyForm.php b/resources/stubs/DummyForm.php
index b1ff62a7..65bed2f0 100644
--- a/resources/stubs/DummyForm.php
+++ b/resources/stubs/DummyForm.php
@@ -3,14 +3,12 @@
 namespace App\Livewire;
 
 use Aerni\LivewireForms\Form\Fields;
-use Aerni\LivewireForms\Livewire\Concerns\WithStatamicFormBuilder;
-use Livewire\Component;
+use Aerni\LivewireForms\Livewire\Form;
+use Illuminate\Support\Collection;
 use Statamic\Contracts\Forms\Submission;
 
-class DummyForm extends Component
+class DummyForm extends Form
 {
-    use WithStatamicFormBuilder;
-
     /*
     |--------------------------------------------------------------------------
     | Initializing Properties
@@ -49,16 +47,16 @@ class DummyForm extends Component
     |--------------------------------------------------------------------------
     |
     | You may use the following lifecycle hooks to modify fields and data
-    | at various steps in the component lifecycle.
+    | at various steps in the forms lifecycle.
     |
     */
 
-    // public function mountedFields($fields): void
+    // public function mountedFields(Collection $fields): void
     // {
     //     $fields->get('name')->label('Your name');
     // }
 
-    // public function hydrateFields($fields): void
+    // public function hydrateFields(Collection $fields): void
     // {
     //     $fields->get('name')->label('Your name');
     // }
@@ -66,7 +64,6 @@ class DummyForm extends Component
     // public function formSubmitted(Submission $submission): void
     // {
     //     $submission->set('created_at', now()->timestamp);
-
     //     Newsletter::subscribe($submission->get('email'));
     // }
 
diff --git a/src/Livewire/Concerns/RendersView.php b/src/Livewire/Concerns/RendersView.php
deleted file mode 100644
index 742e383f..00000000
--- a/src/Livewire/Concerns/RendersView.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Livewire\Concerns;
-
-use Illuminate\Contracts\View\View;
-
-trait RendersView
-{
-    public function render(): View
-    {
-        return view("livewire-forms::{$this->view}");
-    }
-}
diff --git a/src/Livewire/Concerns/WithStatamicFormBuilder.php b/src/Livewire/Concerns/WithStatamicFormBuilder.php
deleted file mode 100644
index f6eaf240..00000000
--- a/src/Livewire/Concerns/WithStatamicFormBuilder.php
+++ /dev/null
@@ -1,15 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Livewire\Concerns;
-
-trait WithStatamicFormBuilder
-{
-    use WithHandle;
-    use WithTheme;
-    use WithView;
-    use WithFields;
-    use WithForm;
-    use WithMessages;
-    use RendersView;
-    use SubmitsForm;
-}
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index 5e82c7cf..0f5f2475 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -2,10 +2,28 @@
 
 namespace Aerni\LivewireForms\Livewire;
 
-use Aerni\LivewireForms\Livewire\Concerns\WithStatamicFormBuilder;
+use Aerni\LivewireForms\Livewire\Concerns\SubmitsForm;
+use Aerni\LivewireForms\Livewire\Concerns\WithFields;
+use Aerni\LivewireForms\Livewire\Concerns\WithForm;
+use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
+use Aerni\LivewireForms\Livewire\Concerns\WithMessages;
+use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
+use Aerni\LivewireForms\Livewire\Concerns\WithView;
+use Illuminate\Contracts\View\View;
 use Livewire\Component;
 
 class Form extends Component
 {
-    use WithStatamicFormBuilder;
+    use WithHandle;
+    use WithTheme;
+    use WithView;
+    use WithFields;
+    use WithForm;
+    use WithMessages;
+    use SubmitsForm;
+
+    public function render(): View
+    {
+        return view("livewire-forms::{$this->view}");
+    }
 }

From 37a6ac2c79a46547d18fc868769c17a0ebefd911 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 23 Dec 2023 18:48:21 -0500
Subject: [PATCH 122/209] Fix typo

---
 src/Fields/Integer.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Fields/Integer.php b/src/Fields/Integer.php
index 40ffdf99..c9688ef2 100644
--- a/src/Fields/Integer.php
+++ b/src/Fields/Integer.php
@@ -23,6 +23,6 @@ public function process(): mixed
     {
         $value = parent::process();
 
-        return is_null($$value) ? null : (int) $$value;
+        return is_null($value) ? null : (int) $value;
     }
 }

From 154a7907f3336f46d113b07f3f08929952766e70 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 25 Dec 2023 14:11:19 -0500
Subject: [PATCH 123/209] Ensure we always process unprocessed properties

---
 src/Fields/Concerns/HandlesProperties.php | 55 +++++++++++------------
 1 file changed, 25 insertions(+), 30 deletions(-)

diff --git a/src/Fields/Concerns/HandlesProperties.php b/src/Fields/Concerns/HandlesProperties.php
index e2e076ff..d06d65b5 100644
--- a/src/Fields/Concerns/HandlesProperties.php
+++ b/src/Fields/Concerns/HandlesProperties.php
@@ -2,6 +2,7 @@
 
 namespace Aerni\LivewireForms\Fields\Concerns;
 
+use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
 use Statamic\Support\Traits\FluentlyGetsAndSets;
 
@@ -14,53 +15,50 @@ trait HandlesProperties
     public function properties(?array $properties = null): array|self
     {
         return $this->fluentlyGetOrSet('properties')
-            ->getter(function ($properties) {
-                return empty($properties)
-                    ? $this->processProperties()->properties()
-                    : $properties;
+            ->getter(function () {
+                return $this->propertyKeys()
+                    ->mapWithKeys(fn ($property) => [$property => $this->property($property)])
+                    ->all();
             })
             ->args(func_get_args());
     }
 
-    protected function property(string $key): mixed
+    public function property(string $key): mixed
     {
-        return $this->properties[$key] ?? null;
-    }
-
-    protected function processProperties(): self
-    {
-        $this->properties = $this->field->toArray();
-
-        collect(get_class_methods($this))
-            ->filter(fn ($method) => $this->isPropertyMethod($method))
-            ->each(fn ($method) => $this->processProperty($this->propertyKeyFromMethod($method)));
-
-        return $this;
-    }
+        if (array_key_exists($key, $this->properties)) {
+            return $this->properties[$key];
+        }
 
-    protected function processProperty(string $key): self
-    {
         $method = $this->propertyMethodFromKey($key);
 
         $value = method_exists($this, $method)
             ? $this->$method()
             : $this->field->get($key);
 
-        if (! is_null($value)) {
-            $this->properties[$key] = $value;
-        }
+        return $value;
+    }
 
-        return $this;
+    protected function propertyKeys(): Collection
+    {
+        $methodProperties = collect(get_class_methods($this))
+            ->filter(fn ($method) => $this->isPropertyMethod($method))
+            ->map(fn ($method) => $this->propertyKeyFromMethod($method));
+
+        $configProperties = array_keys($this->field->config());
+
+        return $methodProperties
+            ->merge($configProperties)
+            ->unique();
     }
 
     protected function isPropertyMethod(string $method): bool
     {
-        return Str::endsWith($method, 'Property') && $method !== 'processProperty';
+        return Str::endsWith($method, 'Property');
     }
 
     protected function propertyKeyFromMethod(string $method): string
     {
-        return Str::of($method)->beforeLast('Property')->snake()->toString();
+        return Str::of($method)->beforeLast('Property')->snake();
     }
 
     protected function propertyMethodFromKey(string $key): string
@@ -70,10 +68,7 @@ protected function propertyMethodFromKey(string $key): string
 
     protected function get(string $key): mixed
     {
-        $key = Str::snake($key);
-
-        return $this->property($key)
-            ?? $this->processProperty($key)->property($key);
+        return $this->property(Str::snake($key));
     }
 
     protected function set(string $key, mixed $value): self

From d01d92dd59c5e956f73133aec54560cb293de1aa Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 25 Dec 2023 14:11:36 -0500
Subject: [PATCH 124/209] Make it possible to unset a processed property

---
 src/Fields/Concerns/HandlesProperties.php | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/Fields/Concerns/HandlesProperties.php b/src/Fields/Concerns/HandlesProperties.php
index d06d65b5..b6b6332c 100644
--- a/src/Fields/Concerns/HandlesProperties.php
+++ b/src/Fields/Concerns/HandlesProperties.php
@@ -78,6 +78,15 @@ protected function set(string $key, mixed $value): self
         return $this;
     }
 
+    public function unset(string|array $properties): self
+    {
+        $this->properties = collect($this->properties)
+            ->forget($properties)
+            ->all();
+
+        return $this;
+    }
+
     public function __get(string $key): mixed
     {
         return $this->get($key);

From 2435d0f0a51ece216bb21ec5d4784c548bd19830 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 25 Dec 2023 14:45:56 -0500
Subject: [PATCH 125/209] Cache property when accessed

---
 src/Fields/Concerns/HandlesProperties.php | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/Fields/Concerns/HandlesProperties.php b/src/Fields/Concerns/HandlesProperties.php
index b6b6332c..213867b5 100644
--- a/src/Fields/Concerns/HandlesProperties.php
+++ b/src/Fields/Concerns/HandlesProperties.php
@@ -35,6 +35,8 @@ public function property(string $key): mixed
             ? $this->$method()
             : $this->field->get($key);
 
+        $this->set($key, $value);
+
         return $value;
     }
 

From 61432610914e87107fb81e809f26872e3893b894 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 25 Dec 2023 14:53:59 -0500
Subject: [PATCH 126/209] Better honeypot handling

---
 src/Livewire/Concerns/HandlesSpam.php   |  2 +-
 src/Livewire/Concerns/HandlesValues.php |  1 -
 src/Livewire/Concerns/WithFields.php    | 18 +++++++++++-------
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesSpam.php b/src/Livewire/Concerns/HandlesSpam.php
index c737ec5d..984fec6f 100644
--- a/src/Livewire/Concerns/HandlesSpam.php
+++ b/src/Livewire/Concerns/HandlesSpam.php
@@ -15,6 +15,6 @@ protected function handleSpam(): self
 
     protected function isSpam(): bool
     {
-        return $this->fields->get($this->honeypot->handle)->value() !== null;
+        return $this->honeypot->value() !== null;
     }
 }
diff --git a/src/Livewire/Concerns/HandlesValues.php b/src/Livewire/Concerns/HandlesValues.php
index 4b029f45..43357e9b 100644
--- a/src/Livewire/Concerns/HandlesValues.php
+++ b/src/Livewire/Concerns/HandlesValues.php
@@ -20,7 +20,6 @@ protected function processedValues(): Collection
     {
         return $this->fields
             ->filter(fn ($field) => $this->submittableFields[$field->handle])
-            ->filter(fn ($field) => $field->handle !== $this->honeypot->handle)
             ->map(fn ($field) => $field->process());
     }
 
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 1bae32bc..8284ef60 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -30,7 +30,7 @@ public function mountedFields(Collection $fields): void
 
     protected function fields(): Collection
     {
-        return $this->form->fields()->map(function ($field) {
+        $fields = $this->form->fields()->map(function ($field) {
             $fieldtype = $field->fieldtype()::class;
 
             $class = $this->models()->get($field->handle())
@@ -39,7 +39,14 @@ protected function fields(): Collection
             return $class
                 ? $class::make(field: $field, id: $this->getId())
                 : throw new \Exception("The field model binding for fieldtype [{$fieldtype}] cannot be found.");
-        })->put($this->honeypot->handle, $this->honeypot);
+        });
+
+        $honeypot = Honeypot::make(
+            field: new Field($this->form->honeypot(), []),
+            id: $this->getId()
+        );
+
+        return $fields->put($honeypot->handle, $honeypot);
     }
 
     #[Computed]
@@ -65,13 +72,10 @@ public function section(string $handle): ?array
         return $this->sections()->firstWhere('handle', $handle);
     }
 
-    #[Computed(true)]
+    #[Computed]
     public function honeypot(): Honeypot
     {
-        return Honeypot::make(
-            field: new Field($this->form->honeypot(), []),
-            id: $this->getId()
-        );
+        return $this->fields->whereInstanceOf(Honeypot::class)->first();
     }
 
     protected function captcha(): ?Captcha

From b319013646b10d0db21166f49030e2289f5c53a9 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 25 Dec 2023 14:58:28 -0500
Subject: [PATCH 127/209] Cleanup class with property wrapper trait

---
 src/Fields/Concerns/WithDefaultProperties.php | 36 +++++++++++++++++++
 src/Fields/Field.php                          | 34 +++---------------
 2 files changed, 40 insertions(+), 30 deletions(-)
 create mode 100644 src/Fields/Concerns/WithDefaultProperties.php

diff --git a/src/Fields/Concerns/WithDefaultProperties.php b/src/Fields/Concerns/WithDefaultProperties.php
new file mode 100644
index 00000000..1b25db98
--- /dev/null
+++ b/src/Fields/Concerns/WithDefaultProperties.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace Aerni\LivewireForms\Fields\Concerns;
+
+use Aerni\LivewireForms\Fields\Properties\WithId;
+use Aerni\LivewireForms\Fields\Properties\WithKey;
+use Aerni\LivewireForms\Fields\Properties\WithView;
+use Aerni\LivewireForms\Fields\Properties\WithLabel;
+use Aerni\LivewireForms\Fields\Properties\WithRules;
+use Aerni\LivewireForms\Fields\Properties\WithWidth;
+use Aerni\LivewireForms\Fields\Properties\WithHandle;
+use Aerni\LivewireForms\Fields\Properties\WithHidden;
+use Aerni\LivewireForms\Fields\Properties\WithDefault;
+use Aerni\LivewireForms\Fields\Properties\WithShowLabel;
+use Aerni\LivewireForms\Fields\Properties\WithWireModel;
+use Aerni\LivewireForms\Fields\Properties\WithConditions;
+use Aerni\LivewireForms\Fields\Properties\WithInstructions;
+use Aerni\LivewireForms\Fields\Properties\WithInstructionsPosition;
+
+trait WithDefaultProperties
+{
+    use WithConditions;
+    use WithDefault;
+    use WithHandle;
+    use WithHidden;
+    use WithId;
+    use WithInstructions;
+    use WithInstructionsPosition;
+    use WithKey;
+    use WithLabel;
+    use WithRules;
+    use WithShowLabel;
+    use WithView;
+    use WithWidth;
+    use WithWireModel;
+}
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 04d2371d..9ff36f50 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -2,44 +2,18 @@
 
 namespace Aerni\LivewireForms\Fields;
 
-use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
-use Aerni\LivewireForms\Fields\Properties\WithConditions;
-use Aerni\LivewireForms\Fields\Properties\WithDefault;
-use Aerni\LivewireForms\Fields\Properties\WithHandle;
-use Aerni\LivewireForms\Fields\Properties\WithHidden;
-use Aerni\LivewireForms\Fields\Properties\WithId;
-use Aerni\LivewireForms\Fields\Properties\WithInstructions;
-use Aerni\LivewireForms\Fields\Properties\WithInstructionsPosition;
-use Aerni\LivewireForms\Fields\Properties\WithKey;
-use Aerni\LivewireForms\Fields\Properties\WithLabel;
-use Aerni\LivewireForms\Fields\Properties\WithRules;
-use Aerni\LivewireForms\Fields\Properties\WithShowLabel;
-use Aerni\LivewireForms\Fields\Properties\WithView;
-use Aerni\LivewireForms\Fields\Properties\WithWidth;
-use Aerni\LivewireForms\Fields\Properties\WithWireModel;
+use Statamic\Support\Str;
 use Illuminate\Contracts\Support\Arrayable;
 use Statamic\Fields\Field as StatamicField;
-use Statamic\Support\Str;
 use Statamic\Support\Traits\FluentlyGetsAndSets;
+use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
+use Aerni\LivewireForms\Fields\Concerns\WithDefaultProperties;
 
 abstract class Field implements Arrayable
 {
     use FluentlyGetsAndSets;
     use HandlesProperties;
-    use WithConditions;
-    use WithDefault;
-    use WithHandle;
-    use WithHidden;
-    use WithId;
-    use WithInstructions;
-    use WithInstructionsPosition;
-    use WithKey;
-    use WithLabel;
-    use WithRules;
-    use WithShowLabel;
-    use WithView;
-    use WithWidth;
-    use WithWireModel;
+    use WithDefaultProperties;
 
     public function __construct(
         protected StatamicField $field,

From 2eb9ef1822295d3984b5797dc399dc68d5adc7f1 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 25 Dec 2023 15:24:10 -0500
Subject: [PATCH 128/209] Use processed properties

---
 src/Fields/Assets.php  | 7 ++-----
 src/Fields/Integer.php | 2 --
 src/Fields/Radio.php   | 2 +-
 src/Fields/Select.php  | 6 +++---
 4 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/Fields/Assets.php b/src/Fields/Assets.php
index cc22f4d8..2907051c 100644
--- a/src/Fields/Assets.php
+++ b/src/Fields/Assets.php
@@ -2,14 +2,11 @@
 
 namespace Aerni\LivewireForms\Fields;
 
-use Aerni\LivewireForms\Fields\Properties\WithMultiple;
 use Illuminate\Support\Arr;
 use Statamic\Forms\Uploaders\AssetsUploader;
 
 class Assets extends Field
 {
-    use WithMultiple;
-
     protected string $view = 'assets';
 
     public function process(): mixed
@@ -28,14 +25,14 @@ protected function multipleProperty(): bool
 
     protected function defaultProperty(): ?array
     {
-        return $this->multipleProperty() ? [] : null;
+        return $this->multiple ? [] : null;
     }
 
     protected function rulesProperty(): array
     {
         $rules = parent::rulesProperty();
 
-        if ($this->multipleProperty()) {
+        if ($this->multiple) {
             return $rules;
         }
 
diff --git a/src/Fields/Integer.php b/src/Fields/Integer.php
index c9688ef2..6fc320c9 100644
--- a/src/Fields/Integer.php
+++ b/src/Fields/Integer.php
@@ -3,13 +3,11 @@
 namespace Aerni\LivewireForms\Fields;
 
 use Aerni\LivewireForms\Fields\Properties\WithAutocomplete;
-use Aerni\LivewireForms\Fields\Properties\WithInputType;
 use Aerni\LivewireForms\Fields\Properties\WithPlaceholder;
 
 class Integer extends Field
 {
     use WithAutocomplete;
-    use WithInputType;
     use WithPlaceholder;
 
     protected string $view = 'default';
diff --git a/src/Fields/Radio.php b/src/Fields/Radio.php
index 47bcff34..ddf73a2e 100644
--- a/src/Fields/Radio.php
+++ b/src/Fields/Radio.php
@@ -17,7 +17,7 @@ class Radio extends Field
     protected function defaultProperty(): ?string
     {
         $default = $this->field->defaultValue();
-        $options = $this->optionsProperty();
+        $options = $this->options;
 
         // A default is only valid if it exists in the options.
         return collect($options)->only($default ?? [])->keys()->first();
diff --git a/src/Fields/Select.php b/src/Fields/Select.php
index c5db9cab..1d236f35 100644
--- a/src/Fields/Select.php
+++ b/src/Fields/Select.php
@@ -21,13 +21,13 @@ class Select extends Field
     protected function defaultProperty(): string|array|null
     {
         $default = $this->field->defaultValue();
-        $options = $this->optionsProperty();
+        $options = $this->options;
 
         // A default is only valid if it exists in the options.
         $default = collect($options)->only($default ?? [])->keys();
 
         // Return all defaults if the Select field has multiple enabled.
-        if ($this->multipleProperty()) {
+        if ($this->multiple) {
             return $default->toArray();
         }
 
@@ -37,7 +37,7 @@ protected function defaultProperty(): string|array|null
         }
 
         // If there is a placeholder we don't want to return a default.
-        if ($this->placeholderProperty()) {
+        if ($this->placeholder) {
             return null;
         }
 

From 54eec19e89c555723c52658e45e65ec220c09c03 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 25 Dec 2023 16:12:13 -0500
Subject: [PATCH 129/209] Statamic already takes care of boolean casting

This is done when the field values are processed according to the process method of the fieldtype.
---
 src/Fields/Field.php                       |  4 ----
 src/Fields/Properties/WithCastBooleans.php | 13 -------------
 src/Fields/Radio.php                       |  2 --
 src/Fields/Select.php                      |  6 ++----
 4 files changed, 2 insertions(+), 23 deletions(-)
 delete mode 100644 src/Fields/Properties/WithCastBooleans.php

diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 9ff36f50..eb58d9c2 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -40,10 +40,6 @@ public function validationAttributes(): array
 
     public function process(): mixed
     {
-        if ($this->cast_booleans && in_array($this->value, ['true', 'false'])) {
-            return Str::toBool($this->value);
-        }
-
         return $this->value;
     }
 
diff --git a/src/Fields/Properties/WithCastBooleans.php b/src/Fields/Properties/WithCastBooleans.php
deleted file mode 100644
index 0695105e..00000000
--- a/src/Fields/Properties/WithCastBooleans.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Fields\Properties;
-
-use Statamic\Support\Str;
-
-trait WithCastBooleans
-{
-    protected function castBooleansProperty(): bool
-    {
-        return Str::toBool($this->field->get('cast_booleans'));
-    }
-}
diff --git a/src/Fields/Radio.php b/src/Fields/Radio.php
index ddf73a2e..6c0e8c66 100644
--- a/src/Fields/Radio.php
+++ b/src/Fields/Radio.php
@@ -2,13 +2,11 @@
 
 namespace Aerni\LivewireForms\Fields;
 
-use Aerni\LivewireForms\Fields\Properties\WithCastBooleans;
 use Aerni\LivewireForms\Fields\Properties\WithInline;
 use Aerni\LivewireForms\Fields\Properties\WithOptions;
 
 class Radio extends Field
 {
-    use WithCastBooleans;
     use WithInline;
     use WithOptions;
 
diff --git a/src/Fields/Select.php b/src/Fields/Select.php
index 1d236f35..8c0ffc75 100644
--- a/src/Fields/Select.php
+++ b/src/Fields/Select.php
@@ -2,16 +2,14 @@
 
 namespace Aerni\LivewireForms\Fields;
 
-use Aerni\LivewireForms\Fields\Properties\WithAutocomplete;
-use Aerni\LivewireForms\Fields\Properties\WithCastBooleans;
-use Aerni\LivewireForms\Fields\Properties\WithMultiple;
 use Aerni\LivewireForms\Fields\Properties\WithOptions;
+use Aerni\LivewireForms\Fields\Properties\WithMultiple;
 use Aerni\LivewireForms\Fields\Properties\WithPlaceholder;
+use Aerni\LivewireForms\Fields\Properties\WithAutocomplete;
 
 class Select extends Field
 {
     use WithAutocomplete;
-    use WithCastBooleans;
     use WithMultiple;
     use WithOptions;
     use WithPlaceholder;

From 223dd4c5bfe690f0e9f822c02390d868ac81901f Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 25 Dec 2023 16:14:00 -0500
Subject: [PATCH 130/209] No need to use parent process method

---
 src/Fields/Assets.php  | 16 +++++++---------
 src/Fields/Integer.php |  4 +---
 src/Fields/Text.php    |  6 ++----
 3 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/src/Fields/Assets.php b/src/Fields/Assets.php
index 2907051c..1a9a6632 100644
--- a/src/Fields/Assets.php
+++ b/src/Fields/Assets.php
@@ -9,15 +9,6 @@ class Assets extends Field
 {
     protected string $view = 'assets';
 
-    public function process(): mixed
-    {
-        $value = parent::process();
-
-        return collect(Arr::wrap($value))
-            ->flatMap(fn ($file) => AssetsUploader::field($this->handle)->upload($file))
-            ->all();
-    }
-
     protected function multipleProperty(): bool
     {
         return $this->field->get('max_files') !== 1;
@@ -40,4 +31,11 @@ protected function rulesProperty(): array
             ->filter(fn ($rule) => ! in_array($rule, ['array', 'max:1']))
             ->all();
     }
+
+    public function process(): array
+    {
+        return collect(Arr::wrap($this->value))
+            ->flatMap(fn ($file) => AssetsUploader::field($this->handle)->upload($file))
+            ->all();
+    }
 }
diff --git a/src/Fields/Integer.php b/src/Fields/Integer.php
index 6fc320c9..ab54675f 100644
--- a/src/Fields/Integer.php
+++ b/src/Fields/Integer.php
@@ -19,8 +19,6 @@ protected function inputTypeProperty(): string
 
     public function process(): mixed
     {
-        $value = parent::process();
-
-        return is_null($value) ? null : (int) $value;
+        return is_null($this->value) ? null : (int) $this->value;
     }
 }
diff --git a/src/Fields/Text.php b/src/Fields/Text.php
index f6ce901a..1111308c 100644
--- a/src/Fields/Text.php
+++ b/src/Fields/Text.php
@@ -23,12 +23,10 @@ protected function hiddenProperty(): bool
 
     public function process(): mixed
     {
-        $value = parent::process();
-
         if ($this->input_type === 'number') {
-            return is_null($value) ? null : (int) $value;
+            return is_null($this->value) ? null : (int) $this->value;
         }
 
-        return $value;
+        return $this->value;
     }
 }

From a8a3661144db9c168c1c4a8e5853bca37682c2b8 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 25 Dec 2023 16:14:15 -0500
Subject: [PATCH 131/209] Cleanup

---
 src/Fields/Captcha.php | 2 +-
 src/Fields/Field.php   | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/Fields/Captcha.php b/src/Fields/Captcha.php
index cf5675e5..00e87a48 100644
--- a/src/Fields/Captcha.php
+++ b/src/Fields/Captcha.php
@@ -6,7 +6,7 @@ class Captcha extends Field
 {
     protected string $view = 'captcha';
 
-    public function process(): mixed
+    public function process(): null
     {
         return null;
     }
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index eb58d9c2..14e5a096 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -2,7 +2,6 @@
 
 namespace Aerni\LivewireForms\Fields;
 
-use Statamic\Support\Str;
 use Illuminate\Contracts\Support\Arrayable;
 use Statamic\Fields\Field as StatamicField;
 use Statamic\Support\Traits\FluentlyGetsAndSets;

From 9b93461ac33c42496d4202a60c9629846f54c21b Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 25 Dec 2023 16:19:51 -0500
Subject: [PATCH 132/209] No need to return anything here

---
 src/Livewire/Concerns/HandlesValues.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesValues.php b/src/Livewire/Concerns/HandlesValues.php
index 43357e9b..76c78179 100644
--- a/src/Livewire/Concerns/HandlesValues.php
+++ b/src/Livewire/Concerns/HandlesValues.php
@@ -23,9 +23,9 @@ protected function processedValues(): Collection
             ->map(fn ($field) => $field->process());
     }
 
-    protected function resetValues(): Collection
+    protected function resetValues(): void
     {
-        return $this->fields->each(fn ($field) => $field->resetValue());
+        $this->fields->each(fn ($field) => $field->resetValue());
     }
 
     protected function get(string $key): mixed

From 34a30435035a6351a30f77355a378d9666246b43 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 25 Dec 2023 16:59:04 -0500
Subject: [PATCH 133/209] =?UTF-8?q?Let=20each=20field=E2=80=99s=20fieldtyp?=
 =?UTF-8?q?e=20process=20its=20value?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Fields/Assets.php                       |  9 +++++----
 src/Fields/Captcha.php                      |  5 -----
 src/Fields/Field.php                        |  2 +-
 src/Fields/Integer.php                      |  5 -----
 src/Fields/Text.php                         |  9 ---------
 src/Fieldtypes/Captcha.php                  |  5 +++++
 src/Livewire/Concerns/HandlesSubmission.php | 10 +---------
 7 files changed, 12 insertions(+), 33 deletions(-)

diff --git a/src/Fields/Assets.php b/src/Fields/Assets.php
index 1a9a6632..f494d50d 100644
--- a/src/Fields/Assets.php
+++ b/src/Fields/Assets.php
@@ -32,10 +32,11 @@ protected function rulesProperty(): array
             ->all();
     }
 
-    public function process(): array
+    public function process(): mixed
     {
-        return collect(Arr::wrap($this->value))
-            ->flatMap(fn ($file) => AssetsUploader::field($this->handle)->upload($file))
-            ->all();
+        $this->value = collect(Arr::wrap($this->value))
+            ->flatMap(fn ($file) => AssetsUploader::field($this->handle)->upload($file));
+
+        return parent::process();
     }
 }
diff --git a/src/Fields/Captcha.php b/src/Fields/Captcha.php
index 00e87a48..3e59bbad 100644
--- a/src/Fields/Captcha.php
+++ b/src/Fields/Captcha.php
@@ -5,9 +5,4 @@
 class Captcha extends Field
 {
     protected string $view = 'captcha';
-
-    public function process(): null
-    {
-        return null;
-    }
 }
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 14e5a096..aee08862 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -39,7 +39,7 @@ public function validationAttributes(): array
 
     public function process(): mixed
     {
-        return $this->value;
+        return $this->field->setValue($this->value)->process()->value();
     }
 
     public function value(mixed $value = null): mixed
diff --git a/src/Fields/Integer.php b/src/Fields/Integer.php
index ab54675f..52fde8c2 100644
--- a/src/Fields/Integer.php
+++ b/src/Fields/Integer.php
@@ -16,9 +16,4 @@ protected function inputTypeProperty(): string
     {
         return 'number';
     }
-
-    public function process(): mixed
-    {
-        return is_null($this->value) ? null : (int) $this->value;
-    }
 }
diff --git a/src/Fields/Text.php b/src/Fields/Text.php
index 1111308c..97bcaeb2 100644
--- a/src/Fields/Text.php
+++ b/src/Fields/Text.php
@@ -20,13 +20,4 @@ protected function hiddenProperty(): bool
             ? true
             : parent::hiddenProperty();
     }
-
-    public function process(): mixed
-    {
-        if ($this->input_type === 'number') {
-            return is_null($this->value) ? null : (int) $this->value;
-        }
-
-        return $this->value;
-    }
 }
diff --git a/src/Fieldtypes/Captcha.php b/src/Fieldtypes/Captcha.php
index 937cfdcd..864e3a5e 100644
--- a/src/Fieldtypes/Captcha.php
+++ b/src/Fieldtypes/Captcha.php
@@ -17,4 +17,9 @@ class Captcha extends Fieldtype
     protected $rules = ['required', 'captcha'];
 
     protected $icon = 'lock';
+
+    public function process($data)
+    {
+        return null;
+    }
 }
diff --git a/src/Livewire/Concerns/HandlesSubmission.php b/src/Livewire/Concerns/HandlesSubmission.php
index ddc9a920..5e8bc12a 100644
--- a/src/Livewire/Concerns/HandlesSubmission.php
+++ b/src/Livewire/Concerns/HandlesSubmission.php
@@ -26,15 +26,7 @@ protected function handleSubmission(): self
 
     protected function makeSubmission(): self
     {
-        $submission = $this->form->makeSubmission();
-
-        $processedValues = $this->form->blueprint()
-            ->fields()
-            ->addValues($this->processedValues()->all())
-            ->process()
-            ->values();
-
-        $this->submission = $submission->data($processedValues);
+        $this->submission = $this->form->makeSubmission()->data($this->processedValues());
 
         return $this;
     }

From 63649c00a12a55f4cac3f26740d96a2920143360 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 26 Dec 2023 10:41:50 -0500
Subject: [PATCH 134/209] Statamic always saves checkboxes as array

So we might as well always instantiate checkboxes to an array.
---
 src/Fields/Checkboxes.php | 26 +++++---------------------
 1 file changed, 5 insertions(+), 21 deletions(-)

diff --git a/src/Fields/Checkboxes.php b/src/Fields/Checkboxes.php
index 71b7aed0..af1b8c37 100644
--- a/src/Fields/Checkboxes.php
+++ b/src/Fields/Checkboxes.php
@@ -12,27 +12,11 @@ class Checkboxes extends Field
 
     protected string $view = 'checkboxes';
 
-    protected function defaultProperty(): string|array|null
+    protected function defaultProperty(): array
     {
-        $default = $this->field->defaultValue();
-        $options = $this->options;
-
-        // A default is only valid if it exists in the options.
-        $default = collect($options)->only($default ?? [])->keys();
-
-        /**
-         * We want to save the submission data as an array if there is more than one option.
-         * To do this, we need to initialize the default data to an array.
-         * The array may contain valid defaults or be empty.
-         */
-        if (count($options) > 1) {
-            return $default->toArray();
-        }
-
-        /**
-         * If this is a single checkbox, we want to save the submission data as a string.
-         * We also want to initialize the data to the first default if there is one.
-         */
-        return $default->first();
+        return collect($this->options)
+            ->only($this->field->defaultValue() ?? [])
+            ->keys()
+            ->toArray();
     }
 }

From eb4b79373b26f44b84bd21a2a817b70f5b8b3b22 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 26 Dec 2023 10:42:41 -0500
Subject: [PATCH 135/209] Ensure all possible option types work

---
 src/Fields/Properties/WithOptions.php | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/Fields/Properties/WithOptions.php b/src/Fields/Properties/WithOptions.php
index 9fa2a5ca..8e6d88c0 100644
--- a/src/Fields/Properties/WithOptions.php
+++ b/src/Fields/Properties/WithOptions.php
@@ -2,12 +2,22 @@
 
 namespace Aerni\LivewireForms\Fields\Properties;
 
+use Illuminate\Support\Arr;
+
 trait WithOptions
 {
     protected function optionsProperty(): array
     {
-        return collect($this->field->get('options'))
-            ->mapWithKeys(fn ($value, $key) => is_numeric($key) ? [$value => __($value)] : [$key => __($value)])
+        $options = $this->field->get('options');
+
+        if (Arr::isAssoc($options)) {
+            return collect($options)
+                ->map(fn ($value, $key) => __($value) ?? __($key))
+                ->toArray();
+        }
+
+        return collect($options)
+            ->mapWithKeys(fn ($value) => [$value => __($value)])
             ->toArray();
     }
 }

From c28e0fb0a62fd09cdc9d0d2a801ca3f133983bb3 Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Tue, 26 Dec 2023 15:43:05 +0000
Subject: [PATCH 136/209] Fix styling

---
 src/Fields/Concerns/WithDefaultProperties.php | 16 ++++++++--------
 src/Fields/Field.php                          |  4 ++--
 src/Fields/Select.php                         |  4 ++--
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/Fields/Concerns/WithDefaultProperties.php b/src/Fields/Concerns/WithDefaultProperties.php
index 1b25db98..71dcd71a 100644
--- a/src/Fields/Concerns/WithDefaultProperties.php
+++ b/src/Fields/Concerns/WithDefaultProperties.php
@@ -2,20 +2,20 @@
 
 namespace Aerni\LivewireForms\Fields\Concerns;
 
+use Aerni\LivewireForms\Fields\Properties\WithConditions;
+use Aerni\LivewireForms\Fields\Properties\WithDefault;
+use Aerni\LivewireForms\Fields\Properties\WithHandle;
+use Aerni\LivewireForms\Fields\Properties\WithHidden;
 use Aerni\LivewireForms\Fields\Properties\WithId;
+use Aerni\LivewireForms\Fields\Properties\WithInstructions;
+use Aerni\LivewireForms\Fields\Properties\WithInstructionsPosition;
 use Aerni\LivewireForms\Fields\Properties\WithKey;
-use Aerni\LivewireForms\Fields\Properties\WithView;
 use Aerni\LivewireForms\Fields\Properties\WithLabel;
 use Aerni\LivewireForms\Fields\Properties\WithRules;
-use Aerni\LivewireForms\Fields\Properties\WithWidth;
-use Aerni\LivewireForms\Fields\Properties\WithHandle;
-use Aerni\LivewireForms\Fields\Properties\WithHidden;
-use Aerni\LivewireForms\Fields\Properties\WithDefault;
 use Aerni\LivewireForms\Fields\Properties\WithShowLabel;
+use Aerni\LivewireForms\Fields\Properties\WithView;
+use Aerni\LivewireForms\Fields\Properties\WithWidth;
 use Aerni\LivewireForms\Fields\Properties\WithWireModel;
-use Aerni\LivewireForms\Fields\Properties\WithConditions;
-use Aerni\LivewireForms\Fields\Properties\WithInstructions;
-use Aerni\LivewireForms\Fields\Properties\WithInstructionsPosition;
 
 trait WithDefaultProperties
 {
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index aee08862..9ce49bb0 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -2,11 +2,11 @@
 
 namespace Aerni\LivewireForms\Fields;
 
+use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
+use Aerni\LivewireForms\Fields\Concerns\WithDefaultProperties;
 use Illuminate\Contracts\Support\Arrayable;
 use Statamic\Fields\Field as StatamicField;
 use Statamic\Support\Traits\FluentlyGetsAndSets;
-use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
-use Aerni\LivewireForms\Fields\Concerns\WithDefaultProperties;
 
 abstract class Field implements Arrayable
 {
diff --git a/src/Fields/Select.php b/src/Fields/Select.php
index 8c0ffc75..555784fb 100644
--- a/src/Fields/Select.php
+++ b/src/Fields/Select.php
@@ -2,10 +2,10 @@
 
 namespace Aerni\LivewireForms\Fields;
 
-use Aerni\LivewireForms\Fields\Properties\WithOptions;
+use Aerni\LivewireForms\Fields\Properties\WithAutocomplete;
 use Aerni\LivewireForms\Fields\Properties\WithMultiple;
+use Aerni\LivewireForms\Fields\Properties\WithOptions;
 use Aerni\LivewireForms\Fields\Properties\WithPlaceholder;
-use Aerni\LivewireForms\Fields\Properties\WithAutocomplete;
 
 class Select extends Field
 {

From be2956d6003989121b74e055f127635e9ad1c028 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 26 Dec 2023 10:47:21 -0500
Subject: [PATCH 137/209] Inline the variables

---
 src/Fields/Radio.php | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/Fields/Radio.php b/src/Fields/Radio.php
index 6c0e8c66..279c417f 100644
--- a/src/Fields/Radio.php
+++ b/src/Fields/Radio.php
@@ -14,10 +14,9 @@ class Radio extends Field
 
     protected function defaultProperty(): ?string
     {
-        $default = $this->field->defaultValue();
-        $options = $this->options;
-
-        // A default is only valid if it exists in the options.
-        return collect($options)->only($default ?? [])->keys()->first();
+        return collect($this->options)
+            ->only($this->field->defaultValue() ?? [])
+            ->keys()
+            ->first();
     }
 }

From 7db26d369b2272fec7a1930935511c41190a4e57 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 26 Dec 2023 10:50:56 -0500
Subject: [PATCH 138/209] Use cached property

---
 src/Fields/Properties/WithId.php  | 2 +-
 src/Fields/Properties/WithKey.php | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Fields/Properties/WithId.php b/src/Fields/Properties/WithId.php
index 652300ad..e5805258 100644
--- a/src/Fields/Properties/WithId.php
+++ b/src/Fields/Properties/WithId.php
@@ -6,6 +6,6 @@ trait WithId
 {
     protected function idProperty(): string
     {
-        return "{$this->id}-field-{$this->handle()}";
+        return "{$this->id}-field-{$this->handle}";
     }
 }
diff --git a/src/Fields/Properties/WithKey.php b/src/Fields/Properties/WithKey.php
index 0dd9c8c4..fd220890 100644
--- a/src/Fields/Properties/WithKey.php
+++ b/src/Fields/Properties/WithKey.php
@@ -6,6 +6,6 @@ trait WithKey
 {
     protected function keyProperty(): string
     {
-        return "fields.{$this->handle()}.value";
+        return "fields.{$this->handle}.value";
     }
 }

From a693f1355dcccc71332883e377dd4daac8385f1f Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 28 Dec 2023 20:10:01 -0500
Subject: [PATCH 139/209] Fix autoloading of custom form component

---
 src/Livewire/Concerns/WithHandle.php | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Livewire/Concerns/WithHandle.php b/src/Livewire/Concerns/WithHandle.php
index d7fdbeb9..479d3a84 100644
--- a/src/Livewire/Concerns/WithHandle.php
+++ b/src/Livewire/Concerns/WithHandle.php
@@ -3,6 +3,7 @@
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
 use Aerni\LivewireForms\Exceptions\HandleNotFoundException;
+use Aerni\LivewireForms\Livewire\Form;
 use Livewire\Attributes\Locked;
 
 trait WithHandle
@@ -23,7 +24,7 @@ protected function handle(): string
         }
 
         // Get the handle from the name of the component, e.g. 'contact-us-form' will load the 'contact_us' form.
-        if (in_array(WithStatamicFormBuilder::class, class_uses($this))) {
+        if ($this instanceof Form) {
             return str($this->getName())->beforeLast('-form')->replace('-', '_');
         }
 

From 67ffbc9cf22791925adee2971dbf9a360eea4846 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 19 Jan 2024 17:43:58 -0500
Subject: [PATCH 140/209] Make views directory configurable

---
 config/livewire-forms.php           | 52 +++++++++++++++++------------
 src/Commands/MakeTheme.php          |  2 +-
 src/Commands/MakeView.php           |  4 +--
 src/Livewire/Concerns/WithTheme.php |  7 ++--
 src/Livewire/Concerns/WithView.php  |  2 +-
 src/Livewire/Form.php               |  2 +-
 6 files changed, 39 insertions(+), 30 deletions(-)

diff --git a/config/livewire-forms.php b/config/livewire-forms.php
index c38017d3..a726f9e3 100644
--- a/config/livewire-forms.php
+++ b/config/livewire-forms.php
@@ -1,51 +1,61 @@
 <?php
 
 return [
+    /*
+    |--------------------------------------------------------------------------
+    | Field Models
+    |--------------------------------------------------------------------------
+    |
+    | You may change the model of each fieldtype with your own implementation.
+    |
+    */
+
+    'models' => [
+        Aerni\LivewireForms\Fieldtypes\Captcha::class => Aerni\LivewireForms\Fields\Captcha::class,
+        Statamic\Fieldtypes\Assets\Assets::class => Aerni\LivewireForms\Fields\Assets::class,
+        Statamic\Fieldtypes\Checkboxes::class => Aerni\LivewireForms\Fields\Checkboxes::class,
+        Statamic\Fieldtypes\Hidden::class => Aerni\LivewireForms\Fields\Hidden::class,
+        Statamic\Fieldtypes\Integer::class => Aerni\LivewireForms\Fields\Integer::class,
+        Statamic\Fieldtypes\Radio::class => Aerni\LivewireForms\Fields\Radio::class,
+        Statamic\Fieldtypes\Select::class => Aerni\LivewireForms\Fields\Select::class,
+        Statamic\Fieldtypes\Spacer::class => Aerni\LivewireForms\Fields\Spacer::class,
+        Statamic\Fieldtypes\Text::class => Aerni\LivewireForms\Fields\Text::class,
+        Statamic\Fieldtypes\Textarea::class => Aerni\LivewireForms\Fields\Textarea::class,
+        Statamic\Fieldtypes\Toggle::class => Aerni\LivewireForms\Fields\Toggle::class,
+    ],
 
     /*
     |--------------------------------------------------------------------------
-    | Default View
+    | View Path
     |--------------------------------------------------------------------------
     |
-    | This view will be used if you don't specify one on the component.
+    | The path under resources/views where the form views are published and loaded from.
     |
     */
 
-    'view' => 'default',
+    'view_path' => 'livewire/forms',
 
     /*
     |--------------------------------------------------------------------------
-    | Default Theme
+    | Default View
     |--------------------------------------------------------------------------
     |
-    | This theme will be used if you don't specify one on the component.
+    | The default view that is used if you don't specify one on the component.
     |
     */
 
-    'theme' => 'default',
+    'view' => 'default',
 
     /*
     |--------------------------------------------------------------------------
-    | Field Models
+    | Default Theme
     |--------------------------------------------------------------------------
     |
-    | You may change the model of each fieldtype with your own implementation.
+    | The default theme that is used if you don't specify one on the component.
     |
     */
 
-    'models' => [
-        \Aerni\LivewireForms\Fieldtypes\Captcha::class => \Aerni\LivewireForms\Fields\Captcha::class,
-        \Statamic\Fieldtypes\Assets\Assets::class => \Aerni\LivewireForms\Fields\Assets::class,
-        \Statamic\Fieldtypes\Checkboxes::class => \Aerni\LivewireForms\Fields\Checkboxes::class,
-        \Statamic\Fieldtypes\Hidden::class => \Aerni\LivewireForms\Fields\Hidden::class,
-        \Statamic\Fieldtypes\Integer::class => \Aerni\LivewireForms\Fields\Integer::class,
-        \Statamic\Fieldtypes\Radio::class => \Aerni\LivewireForms\Fields\Radio::class,
-        \Statamic\Fieldtypes\Select::class => \Aerni\LivewireForms\Fields\Select::class,
-        \Statamic\Fieldtypes\Spacer::class => \Aerni\LivewireForms\Fields\Spacer::class,
-        \Statamic\Fieldtypes\Text::class => \Aerni\LivewireForms\Fields\Text::class,
-        \Statamic\Fieldtypes\Textarea::class => \Aerni\LivewireForms\Fields\Textarea::class,
-        \Statamic\Fieldtypes\Toggle::class => \Aerni\LivewireForms\Fields\Toggle::class,
-    ],
+    'theme' => 'default',
 
     /*
     |--------------------------------------------------------------------------
diff --git a/src/Commands/MakeTheme.php b/src/Commands/MakeTheme.php
index 640e5288..77a81e17 100644
--- a/src/Commands/MakeTheme.php
+++ b/src/Commands/MakeTheme.php
@@ -21,7 +21,7 @@ class MakeTheme extends Command
     public function handle(): void
     {
         $name = $this->argument('name') ?? text(label: 'What do you want to name the theme?', required: true);
-        $path = resource_path('views/vendor/livewire-forms/'.snake_case($name));
+        $path = resource_path('views/'.config('livewire-forms.view_path').'/'.snake_case($name));
 
         if (! File::exists($path) || confirm(label: 'A theme with this name already exists. Do you want to overwrite it?', default: false)) {
             File::copyDirectory(__DIR__.'/../../resources/views/default/', $path);
diff --git a/src/Commands/MakeView.php b/src/Commands/MakeView.php
index a0aebe69..c8a0a21e 100644
--- a/src/Commands/MakeView.php
+++ b/src/Commands/MakeView.php
@@ -23,10 +23,10 @@ public function handle(): void
         $name = $this->argument('name') ?? text(label: 'What do you want to name the view?', required: true);
         $stub = File::get(__DIR__.'/../../resources/views/default.blade.php');
         $filename = str_slug($name).'.blade.php';
-        $path = resource_path("views/vendor/livewire-forms/{$filename}");
+        $path = resource_path('views/'.config('livewire-forms.view_path')."/{$filename}");
 
         if (! File::exists($path) || confirm(label: 'A view with this name already exists. Do you want to overwrite it?', default: false)) {
-            File::ensureDirectoryExists(resource_path('views/vendor/livewire-forms'));
+            File::ensureDirectoryExists(resource_path('views/'.config('livewire-forms.view_path')));
             File::put($path, $stub);
             info("The view was successfully created: <comment>{$this->getRelativePath($path)}</comment>");
         }
diff --git a/src/Livewire/Concerns/WithTheme.php b/src/Livewire/Concerns/WithTheme.php
index c8a37b9f..2544bce2 100644
--- a/src/Livewire/Concerns/WithTheme.php
+++ b/src/Livewire/Concerns/WithTheme.php
@@ -22,7 +22,7 @@ protected function theme(): string
         }
 
         // Autoload the theme by form handle if it exists.
-        if (is_dir(resource_path("views/vendor/livewire-forms/{$this->handle}"))) {
+        if (is_dir(resource_path('views/'.config('livewire-forms.view_path')."/{$this->handle}"))) {
             return $this->handle;
         }
 
@@ -32,9 +32,8 @@ protected function theme(): string
 
     protected function evaluatedThemeView(string $view): string
     {
-        $defaultTheme = config('livewire-forms.theme', 'default');
-        $themeView = "livewire-forms::{$this->theme}.{$view}";
-        $defaultThemeView = "livewire-forms::{$defaultTheme}.{$view}";
+        $themeView = config('livewire-forms.view_path')."/{$this->theme}/{$view}";
+        $defaultThemeView = config('livewire-forms.view_path').'/'.config('livewire-forms.theme', 'default')."/{$view}";
 
         return view()->exists($themeView) ? $themeView : $defaultThemeView;
     }
diff --git a/src/Livewire/Concerns/WithView.php b/src/Livewire/Concerns/WithView.php
index fe691ac7..ad1fba11 100644
--- a/src/Livewire/Concerns/WithView.php
+++ b/src/Livewire/Concerns/WithView.php
@@ -22,7 +22,7 @@ protected function view(): string
         }
 
         // Autoload the view by form handle if it exists.
-        if (view()->exists("livewire-forms::{$this->handle}")) {
+        if (view()->exists(config('livewire-forms.view_path')."/{$this->handle}")) {
             return $this->handle;
         }
 
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index 0f5f2475..d1c0722c 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -24,6 +24,6 @@ class Form extends Component
 
     public function render(): View
     {
-        return view("livewire-forms::{$this->view}");
+        return view(config('livewire-forms.view_path')."/{$this->view}");
     }
 }

From d2b908c436084f7b5c41e781af75a25dd35fd64f Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 20 Jan 2024 19:46:58 -0500
Subject: [PATCH 141/209] Introduce better way to manage views in one place

---
 src/BladeDirectives.php                   |  4 +-
 src/Facades/ViewManager.php               | 13 ++++++
 src/Fields/Properties/WithView.php        | 21 +++++-----
 src/Livewire/Concerns/WithTheme.php       | 13 ++----
 src/Livewire/Concerns/WithView.php        |  5 ++-
 src/Livewire/Concerns/WithViewManager.php | 18 +++++++++
 src/Livewire/Form.php                     | 17 ++++----
 src/ViewManager.php                       | 48 +++++++++++++++++++++++
 8 files changed, 108 insertions(+), 31 deletions(-)
 create mode 100644 src/Facades/ViewManager.php
 create mode 100644 src/Livewire/Concerns/WithViewManager.php
 create mode 100644 src/ViewManager.php

diff --git a/src/BladeDirectives.php b/src/BladeDirectives.php
index 29e21630..6e457487 100644
--- a/src/BladeDirectives.php
+++ b/src/BladeDirectives.php
@@ -26,7 +26,7 @@ public static function formView(string $expression): string
         $arguments = $variables[1] ?? '[]';
 
         return Blade::compileString("
-            @include(\$this->evaluatedThemeView($view), $arguments)
+            @include(\Aerni\LivewireForms\Facades\ViewManager::themeViewPath($view), $arguments)
         ");
     }
 
@@ -58,7 +58,7 @@ public static function formField(string $expression): string
                     \$field->\$property(\$value);
                 }
 
-                echo view(\$this->evaluatedThemeView('layouts.field'), ['field' => \$field]);
+                echo view(\Aerni\LivewireForms\Facades\ViewManager::themeViewPath('layouts.field'), ['field' => \$field]);
             }
         ?>";
     }
diff --git a/src/Facades/ViewManager.php b/src/Facades/ViewManager.php
new file mode 100644
index 00000000..7ce308cf
--- /dev/null
+++ b/src/Facades/ViewManager.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace Aerni\LivewireForms\Facades;
+
+use Illuminate\Support\Facades\Facade;
+
+class ViewManager extends Facade
+{
+    protected static function getFacadeAccessor()
+    {
+        return \Aerni\LivewireForms\ViewManager::class;
+    }
+}
diff --git a/src/Fields/Properties/WithView.php b/src/Fields/Properties/WithView.php
index f64e8ba7..1eee3ac9 100644
--- a/src/Fields/Properties/WithView.php
+++ b/src/Fields/Properties/WithView.php
@@ -2,21 +2,22 @@
 
 namespace Aerni\LivewireForms\Fields\Properties;
 
+use Aerni\LivewireForms\Facades\ViewManager;
+
 trait WithView
 {
     protected function viewProperty(): string
     {
-        // Try to load a user-defined view first.
-        if ($this->field->get('view')) {
-            return "fields.{$this->field->get('view')}";
-        }
+        $configViewName = "fields.{$this->field->get('view')}";
+        $handleViewName = "fields.{$this->handle}";
 
-        // Try to autoload the view by field handle.
-        if (view()->exists("livewire-forms::fields.{$this->handle}")) {
-            return "fields.{$this->handle}";
-        }
+        $configView = ViewManager::themeViewPath($configViewName);
+        $handleView = ViewManager::themeViewPath($handleViewName);
 
-        // Fall back to the default field view.
-        return "fields.{$this->view}";
+        return match (true) {
+            view()->exists($configView) => $configViewName, // Try to load a user-defined view first.
+            view()->exists($handleView) => $handleViewName, // Try to autoload the view by field handle.
+            default => "fields.{$this->view}" // Fall back to the default field view.
+        };
     }
 }
diff --git a/src/Livewire/Concerns/WithTheme.php b/src/Livewire/Concerns/WithTheme.php
index 2544bce2..bd394da7 100644
--- a/src/Livewire/Concerns/WithTheme.php
+++ b/src/Livewire/Concerns/WithTheme.php
@@ -2,6 +2,7 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Aerni\LivewireForms\Facades\ViewManager;
 use Livewire\Attributes\Locked;
 
 trait WithTheme
@@ -22,19 +23,11 @@ protected function theme(): string
         }
 
         // Autoload the theme by form handle if it exists.
-        if (is_dir(resource_path('views/'.config('livewire-forms.view_path')."/{$this->handle}"))) {
+        if (ViewManager::themeExists($this->handle)) {
             return $this->handle;
         }
 
         // Fall back to the default theme.
-        return config('livewire-forms.theme', 'default');
-    }
-
-    protected function evaluatedThemeView(string $view): string
-    {
-        $themeView = config('livewire-forms.view_path')."/{$this->theme}/{$view}";
-        $defaultThemeView = config('livewire-forms.view_path').'/'.config('livewire-forms.theme', 'default')."/{$view}";
-
-        return view()->exists($themeView) ? $themeView : $defaultThemeView;
+        return ViewManager::defaultTheme();
     }
 }
diff --git a/src/Livewire/Concerns/WithView.php b/src/Livewire/Concerns/WithView.php
index ad1fba11..0799cd09 100644
--- a/src/Livewire/Concerns/WithView.php
+++ b/src/Livewire/Concerns/WithView.php
@@ -2,6 +2,7 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Aerni\LivewireForms\Facades\ViewManager;
 use Livewire\Attributes\Locked;
 
 trait WithView
@@ -22,11 +23,11 @@ protected function view(): string
         }
 
         // Autoload the view by form handle if it exists.
-        if (view()->exists(config('livewire-forms.view_path')."/{$this->handle}")) {
+        if (ViewManager::viewExists($this->handle)) {
             return $this->handle;
         }
 
         // Fall back to the default view.
-        return config('livewire-forms.view', 'default');
+        return ViewManager::defaultView();
     }
 }
diff --git a/src/Livewire/Concerns/WithViewManager.php b/src/Livewire/Concerns/WithViewManager.php
new file mode 100644
index 00000000..dc2cb871
--- /dev/null
+++ b/src/Livewire/Concerns/WithViewManager.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+use Aerni\LivewireForms\Facades\ViewManager;
+
+trait WithViewManager
+{
+    public function mountWithViewManager(): void
+    {
+        ViewManager::boot($this);
+    }
+
+    public function hydrateWithViewManager(): void
+    {
+        ViewManager::boot($this);
+    }
+}
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index d1c0722c..40a94285 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -2,15 +2,17 @@
 
 namespace Aerni\LivewireForms\Livewire;
 
-use Aerni\LivewireForms\Livewire\Concerns\SubmitsForm;
-use Aerni\LivewireForms\Livewire\Concerns\WithFields;
+use Livewire\Component;
+use Illuminate\Contracts\View\View;
+use Aerni\LivewireForms\Facades\ViewManager;
 use Aerni\LivewireForms\Livewire\Concerns\WithForm;
+use Aerni\LivewireForms\Livewire\Concerns\WithView;
+use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
+use Aerni\LivewireForms\Livewire\Concerns\WithFields;
 use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
+use Aerni\LivewireForms\Livewire\Concerns\SubmitsForm;
 use Aerni\LivewireForms\Livewire\Concerns\WithMessages;
-use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
-use Aerni\LivewireForms\Livewire\Concerns\WithView;
-use Illuminate\Contracts\View\View;
-use Livewire\Component;
+use Aerni\LivewireForms\Livewire\Concerns\WithViewManager;
 
 class Form extends Component
 {
@@ -20,10 +22,11 @@ class Form extends Component
     use WithFields;
     use WithForm;
     use WithMessages;
+    use WithViewManager;
     use SubmitsForm;
 
     public function render(): View
     {
-        return view(config('livewire-forms.view_path')."/{$this->view}");
+        return view(ViewManager::viewPath($this->view));
     }
 }
diff --git a/src/ViewManager.php b/src/ViewManager.php
new file mode 100644
index 00000000..1807855f
--- /dev/null
+++ b/src/ViewManager.php
@@ -0,0 +1,48 @@
+<?php
+
+namespace Aerni\LivewireForms;
+
+use Livewire\Component;
+
+class ViewManager
+{
+    protected Component $component;
+
+    public function boot(Component $component): void
+    {
+        $this->component = $component;
+    }
+
+    public function viewPath(string $view): string
+    {
+        return config('livewire-forms.view_path', 'livewire/forms') . "/{$view}";
+    }
+
+    public function themeViewPath(string $view): string
+    {
+        $themeView = $this->viewPath("{$this->component->theme}/{$view}");
+        $defaultThemeView = $this->viewPath("{$this->defaultTheme()}/{$view}");
+
+        return view()->exists($themeView) ? $themeView : $defaultThemeView;
+    }
+
+    public function viewExists(string $view): bool
+    {
+        return view()->exists($this->viewPath($view));
+    }
+
+    public function themeExists(string $theme): bool
+    {
+        return is_dir(resource_path("views/{$this->viewPath($theme)}"));
+    }
+
+    public function defaultView(): string
+    {
+        return config('livewire-forms.view', 'default');
+    }
+
+    public function defaultTheme(): string
+    {
+        return config('livewire-forms.theme', 'default');
+    }
+}

From 68fdc8f14fd997fd9abe712b606346d00de66e0b Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Sun, 21 Jan 2024 21:26:33 +0000
Subject: [PATCH 142/209] Fix styling

---
 src/Livewire/Form.php | 12 ++++++------
 src/ViewManager.php   |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index 40a94285..b2eafd4a 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -2,17 +2,17 @@
 
 namespace Aerni\LivewireForms\Livewire;
 
-use Livewire\Component;
-use Illuminate\Contracts\View\View;
 use Aerni\LivewireForms\Facades\ViewManager;
-use Aerni\LivewireForms\Livewire\Concerns\WithForm;
-use Aerni\LivewireForms\Livewire\Concerns\WithView;
-use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
+use Aerni\LivewireForms\Livewire\Concerns\SubmitsForm;
 use Aerni\LivewireForms\Livewire\Concerns\WithFields;
+use Aerni\LivewireForms\Livewire\Concerns\WithForm;
 use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
-use Aerni\LivewireForms\Livewire\Concerns\SubmitsForm;
 use Aerni\LivewireForms\Livewire\Concerns\WithMessages;
+use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
+use Aerni\LivewireForms\Livewire\Concerns\WithView;
 use Aerni\LivewireForms\Livewire\Concerns\WithViewManager;
+use Illuminate\Contracts\View\View;
+use Livewire\Component;
 
 class Form extends Component
 {
diff --git a/src/ViewManager.php b/src/ViewManager.php
index 1807855f..98c4459b 100644
--- a/src/ViewManager.php
+++ b/src/ViewManager.php
@@ -15,7 +15,7 @@ public function boot(Component $component): void
 
     public function viewPath(string $view): string
     {
-        return config('livewire-forms.view_path', 'livewire/forms') . "/{$view}";
+        return config('livewire-forms.view_path', 'livewire/forms')."/{$view}";
     }
 
     public function themeViewPath(string $view): string

From 70f70d50668a4b0665a3d454a12ee2ec834766cd Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 22 Jan 2024 13:04:53 -0500
Subject: [PATCH 143/209] Pass component to field class

---
 src/BladeDirectives.php                   |  4 ++--
 src/Fields/Field.php                      | 15 ++++++++-------
 src/Fields/Properties/WithId.php          |  2 +-
 src/Fields/Properties/WithView.php        |  4 ++--
 src/Livewire/Concerns/WithFields.php      |  4 ++--
 src/Livewire/Concerns/WithViewManager.php | 18 ------------------
 src/Livewire/Form.php                     |  2 --
 src/Livewire/Synthesizers/FieldSynth.php  |  2 +-
 src/ViewManager.php                       | 13 ++-----------
 9 files changed, 18 insertions(+), 46 deletions(-)
 delete mode 100644 src/Livewire/Concerns/WithViewManager.php

diff --git a/src/BladeDirectives.php b/src/BladeDirectives.php
index 6e457487..2403411d 100644
--- a/src/BladeDirectives.php
+++ b/src/BladeDirectives.php
@@ -26,7 +26,7 @@ public static function formView(string $expression): string
         $arguments = $variables[1] ?? '[]';
 
         return Blade::compileString("
-            @include(\Aerni\LivewireForms\Facades\ViewManager::themeViewPath($view), $arguments)
+            @include(\Aerni\LivewireForms\Facades\ViewManager::themeViewPath(\$this->theme, $view), $arguments)
         ");
     }
 
@@ -58,7 +58,7 @@ public static function formField(string $expression): string
                     \$field->\$property(\$value);
                 }
 
-                echo view(\Aerni\LivewireForms\Facades\ViewManager::themeViewPath('layouts.field'), ['field' => \$field]);
+                echo view(\Aerni\LivewireForms\Facades\ViewManager::themeViewPath(\$this->theme, 'layouts.field'), ['field' => \$field]);
             }
         ?>";
     }
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 9ce49bb0..c2774e83 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -5,7 +5,8 @@
 use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
 use Aerni\LivewireForms\Fields\Concerns\WithDefaultProperties;
 use Illuminate\Contracts\Support\Arrayable;
-use Statamic\Fields\Field as StatamicField;
+use Livewire\Component;
+use Statamic\Fields\Field as FormField;
 use Statamic\Support\Traits\FluentlyGetsAndSets;
 
 abstract class Field implements Arrayable
@@ -14,17 +15,17 @@ abstract class Field implements Arrayable
     use HandlesProperties;
     use WithDefaultProperties;
 
+    protected mixed $value = null;
+
     public function __construct(
-        protected StatamicField $field,
-        protected string $id,
-        protected mixed $value = null
+        protected FormField $field,
+        protected Component $component,
     ) {
-        //
     }
 
-    public static function make(StatamicField $field, string $id): self
+    public static function make(FormField $field, Component $component): self
     {
-        return new static($field, $id);
+        return new static($field, $component);
     }
 
     public function rules(): array
diff --git a/src/Fields/Properties/WithId.php b/src/Fields/Properties/WithId.php
index e5805258..de25a99f 100644
--- a/src/Fields/Properties/WithId.php
+++ b/src/Fields/Properties/WithId.php
@@ -6,6 +6,6 @@ trait WithId
 {
     protected function idProperty(): string
     {
-        return "{$this->id}-field-{$this->handle}";
+        return "{$this->component->getId()}-field-{$this->handle}";
     }
 }
diff --git a/src/Fields/Properties/WithView.php b/src/Fields/Properties/WithView.php
index 1eee3ac9..e1407253 100644
--- a/src/Fields/Properties/WithView.php
+++ b/src/Fields/Properties/WithView.php
@@ -11,8 +11,8 @@ protected function viewProperty(): string
         $configViewName = "fields.{$this->field->get('view')}";
         $handleViewName = "fields.{$this->handle}";
 
-        $configView = ViewManager::themeViewPath($configViewName);
-        $handleView = ViewManager::themeViewPath($handleViewName);
+        $configView = ViewManager::themeViewPath($this->component->theme, $configViewName);
+        $handleView = ViewManager::themeViewPath($this->component->theme, $handleViewName);
 
         return match (true) {
             view()->exists($configView) => $configViewName, // Try to load a user-defined view first.
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 8284ef60..92518ca5 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -37,13 +37,13 @@ protected function fields(): Collection
                 ?? $this->models()->get($fieldtype);
 
             return $class
-                ? $class::make(field: $field, id: $this->getId())
+                ? $class::make(field: $field, component: $this)
                 : throw new \Exception("The field model binding for fieldtype [{$fieldtype}] cannot be found.");
         });
 
         $honeypot = Honeypot::make(
             field: new Field($this->form->honeypot(), []),
-            id: $this->getId()
+            component: $this
         );
 
         return $fields->put($honeypot->handle, $honeypot);
diff --git a/src/Livewire/Concerns/WithViewManager.php b/src/Livewire/Concerns/WithViewManager.php
deleted file mode 100644
index dc2cb871..00000000
--- a/src/Livewire/Concerns/WithViewManager.php
+++ /dev/null
@@ -1,18 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Livewire\Concerns;
-
-use Aerni\LivewireForms\Facades\ViewManager;
-
-trait WithViewManager
-{
-    public function mountWithViewManager(): void
-    {
-        ViewManager::boot($this);
-    }
-
-    public function hydrateWithViewManager(): void
-    {
-        ViewManager::boot($this);
-    }
-}
diff --git a/src/Livewire/Form.php b/src/Livewire/Form.php
index b2eafd4a..c0847cb6 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/Form.php
@@ -10,7 +10,6 @@
 use Aerni\LivewireForms\Livewire\Concerns\WithMessages;
 use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
 use Aerni\LivewireForms\Livewire\Concerns\WithView;
-use Aerni\LivewireForms\Livewire\Concerns\WithViewManager;
 use Illuminate\Contracts\View\View;
 use Livewire\Component;
 
@@ -22,7 +21,6 @@ class Form extends Component
     use WithFields;
     use WithForm;
     use WithMessages;
-    use WithViewManager;
     use SubmitsForm;
 
     public function render(): View
diff --git a/src/Livewire/Synthesizers/FieldSynth.php b/src/Livewire/Synthesizers/FieldSynth.php
index 61227375..cf6ce96d 100644
--- a/src/Livewire/Synthesizers/FieldSynth.php
+++ b/src/Livewire/Synthesizers/FieldSynth.php
@@ -37,7 +37,7 @@ public function hydrate($value, $meta, $hydrateChild)
 
         return $meta['class']::make(
             field: new StatamicField($value['handle'], $value['config']),
-            id: $this->context->component->getId()
+            component: $this->context->component
         )
             ->properties($value['properties'])
             ->value($value['value']);
diff --git a/src/ViewManager.php b/src/ViewManager.php
index 98c4459b..ede450bc 100644
--- a/src/ViewManager.php
+++ b/src/ViewManager.php
@@ -2,25 +2,16 @@
 
 namespace Aerni\LivewireForms;
 
-use Livewire\Component;
-
 class ViewManager
 {
-    protected Component $component;
-
-    public function boot(Component $component): void
-    {
-        $this->component = $component;
-    }
-
     public function viewPath(string $view): string
     {
         return config('livewire-forms.view_path', 'livewire/forms')."/{$view}";
     }
 
-    public function themeViewPath(string $view): string
+    public function themeViewPath(string $theme, string $view): string
     {
-        $themeView = $this->viewPath("{$this->component->theme}/{$view}");
+        $themeView = $this->viewPath("{$theme}/{$view}");
         $defaultThemeView = $this->viewPath("{$this->defaultTheme()}/{$view}");
 
         return view()->exists($themeView) ? $themeView : $defaultThemeView;

From d423d95c77eaf9a98133432cb9c59caf370bd53b Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 22 Jan 2024 14:32:34 -0500
Subject: [PATCH 144/209] Update README.md

---
 README.md | 105 ++++++++++++++++++++++++++----------------------------
 1 file changed, 50 insertions(+), 55 deletions(-)

diff --git a/README.md b/README.md
index d8a7a498..500ebe8a 100644
--- a/README.md
+++ b/README.md
@@ -30,50 +30,61 @@ The following config will be published to `config/livewire-forms.php`:
 
 ```php
 return [
+    /*
+    |--------------------------------------------------------------------------
+    | Field Models
+    |--------------------------------------------------------------------------
+    |
+    | You may change the model of each fieldtype with your own implementation.
+    |
+    */
+
+    'models' => [
+        Aerni\LivewireForms\Fieldtypes\Captcha::class => Aerni\LivewireForms\Fields\Captcha::class,
+        Statamic\Fieldtypes\Assets\Assets::class => Aerni\LivewireForms\Fields\Assets::class,
+        Statamic\Fieldtypes\Checkboxes::class => Aerni\LivewireForms\Fields\Checkboxes::class,
+        Statamic\Fieldtypes\Hidden::class => Aerni\LivewireForms\Fields\Hidden::class,
+        Statamic\Fieldtypes\Integer::class => Aerni\LivewireForms\Fields\Integer::class,
+        Statamic\Fieldtypes\Radio::class => Aerni\LivewireForms\Fields\Radio::class,
+        Statamic\Fieldtypes\Select::class => Aerni\LivewireForms\Fields\Select::class,
+        Statamic\Fieldtypes\Spacer::class => Aerni\LivewireForms\Fields\Spacer::class,
+        Statamic\Fieldtypes\Text::class => Aerni\LivewireForms\Fields\Text::class,
+        Statamic\Fieldtypes\Textarea::class => Aerni\LivewireForms\Fields\Textarea::class,
+        Statamic\Fieldtypes\Toggle::class => Aerni\LivewireForms\Fields\Toggle::class,
+    ],
 
     /*
     |--------------------------------------------------------------------------
-    | Default View
+    | View Path
     |--------------------------------------------------------------------------
     |
-    | This view will be used if you don't specify one on the component.
+    | The path under resources/views where the form views are published and loaded from.
     |
     */
 
-    'view' => 'default',
+    'view_path' => 'livewire/forms',
 
     /*
     |--------------------------------------------------------------------------
-    | Default Theme
+    | Default View
     |--------------------------------------------------------------------------
     |
-    | This theme will be used if you don't specify one on the component.
+    | The default view that is used if you don't specify one on the component.
     |
     */
 
-    'theme' => 'default',
+    'view' => 'default',
 
     /*
     |--------------------------------------------------------------------------
-    | Field Models
+    | Default Theme
     |--------------------------------------------------------------------------
     |
-    | You may change the model of each fieldtype with your own implementation.
+    | The default theme that is used if you don't specify one on the component.
     |
     */
 
-    'models' => [
-        \Aerni\LivewireForms\Fieldtypes\Captcha::class => \Aerni\LivewireForms\Fields\Captcha::class,
-        \Statamic\Fieldtypes\Assets\Assets::class => \Aerni\LivewireForms\Fields\Assets::class,
-        \Statamic\Fieldtypes\Checkboxes::class => \Aerni\LivewireForms\Fields\Checkboxes::class,
-        \Statamic\Fieldtypes\Integer::class => \Aerni\LivewireForms\Fields\Integer::class,
-        \Statamic\Fieldtypes\Radio::class => \Aerni\LivewireForms\Fields\Radio::class,
-        \Statamic\Fieldtypes\Select::class => \Aerni\LivewireForms\Fields\Select::class,
-        \Statamic\Fieldtypes\Spacer::class => \Aerni\LivewireForms\Fields\Spacer::class,
-        \Statamic\Fieldtypes\Text::class => \Aerni\LivewireForms\Fields\Text::class,
-        \Statamic\Fieldtypes\Textarea::class => \Aerni\LivewireForms\Fields\Textarea::class,
-        \Statamic\Fieldtypes\Toggle::class => \Aerni\LivewireForms\Fields\Toggle::class,
-    ],
+    'theme' => 'default',
 
     /*
     |--------------------------------------------------------------------------
@@ -87,7 +98,7 @@ return [
 
     'captcha' => [
         'key' => env('CAPTCHA_KEY'),
-        'secret' => env('CAPTCHA_SECRET')
+        'secret' => env('CAPTCHA_SECRET'),
     ],
 
 ];
@@ -108,11 +119,11 @@ There are a number of helpful commands to help you create views, themes and comp
 
 ### Prerequisite
 
-This addon provides configured and styled form views for all Statamic form fieldtypes. The components are styled with [Tailwind CSS](https://tailwindcss.com/) and make use of the [@tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms) plugin. If you want to use the default styling, you'll need a working Tailwind setup.
+The default views of this addon are styled with [Tailwind CSS](https://tailwindcss.com/) and [@tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms).
 
 ### Run the setup command
 
-Go ahead and run the following command in your console. It will guide you through creating your first [view](https://github.com/aerni/statamic-livewire-forms#views) and [theme](https://github.com/aerni/statamic-livewire-forms#themes). Optionally, you may also create a [component](https://github.com/aerni/statamic-livewire-forms#components) to customize the form's behavior.
+Go ahead and run the `livewire-forms:setup` command in your console. It will guide you through creating your first [view](https://github.com/aerni/statamic-livewire-forms#views) and [theme](https://github.com/aerni/statamic-livewire-forms#themes). Optionally, you may also create a [component](https://github.com/aerni/statamic-livewire-forms#components) for complete control of your form.
 
 ```bash
 php please livewire-forms:setup
@@ -140,7 +151,7 @@ You can also dynamically render a form that was selected via Statamic's Form fie
 <livewire:form :handle="field:handle">
 ```
 
-Use the `view` and `theme` parameter if you want to use a view or theme that is different to the one defined in `config/livewire-forms.php`.
+Use the `view` and `theme` parameters if you want to use a view or theme that is different from the one defined in `config/livewire-forms.php`.
 
 ```blade
 <!-- Antlers -->
@@ -152,43 +163,29 @@ Use the `view` and `theme` parameter if you want to use a view or theme that is
 
 #### Available Properties
 
-| Property | Description                                        |
-| -------- | -------------------------------------------------- |
-| `handle` | The handle of the form you want to use (required)  |
-| `view`   | The component view you want to use                 |
-| `theme`  | The theme you want to use                          |
+| Property | Description                                       |
+| -------- | ------------------------------------------------- |
+| `handle` | The handle of the form you want to use (required) |
+| `view`   | The component view you want to use (optional)     |
+| `theme`  | The theme you want to use (optional)              |
 
 ## Views
 
-Use the following command to create a new view:
+Use the `livewire-forms:view` command to create a new view and customize it to your liking:
 
 ```bash
 php please livewire-forms:view
 ```
 
-This is the default view. You may customize it to your liking.
-
-```blade
-<form wire:submit.prevent="submit" class="w-full max-w-2xl">
-    <div class="flex flex-col gap-y-16">
-        @formSections
-        @formHoneypot
-        @formSubmit
-        @formErrors
-        @formSuccess
-    </div>
-</form>
-```
-
 ### Blade Directives
 
 There are a couple of blade directives you may use in your form views. The directives are aware of the form's theme and will render the views accordingly.
 
-| Directive                | Description                                        | View                      |
-| ------------------------ | -------------------------------------------------- | ------------------------- |
-| `@formSection('handle')` | Render a specific from section                     | section.blade.php         |
-| `@formField('handle')`   | Render a specific form field                       | field.blade.php           |
-| `@formView('view')`      | Render a specific form view                        | Whatever view you give it |
+| Directive                | Description                                                                 | View                      |
+| ------------------------ | --------------------------------------------------------------------------- | ------------------------- |
+| `@formSection('handle')` | Render a specific from section, e.g., `@formSection('contact_information')` | section.blade.php         |
+| `@formField('handle')`   | Render a specific form field, e.g., @formField('first_name')                | field.blade.php           |
+| `@formView('view')`      | Render a specific form view, e.g., `@formView('messages.label')`            | Whatever view you provide |
 
 ### Customization Example
 
@@ -196,21 +193,19 @@ Sometimes you need more control over the markup of your form. If you decide to g
 
 ```blade
 @formField('name', [
-    'view' => 'nameInput',
+    'label' => 'Name',
     'tooltip' => 'Please enter your full name'
 ])
 ```
 
-Use the properties in the field's view like this:
+You can access the properties in the field's view like this:
 
 ```blade
-{{ $field->view }}
+{{ $field->label }}
 {{ $field->tooltip }}
 ```
 
->**Note:** The `view` property will look for the view in the theme's fields directory: `{theme}/fields/{view}.blade.php`.
-
->**Note:** There are a few properties such as options, default and conditions that won't work correctly when assigned in the view. This is due to the hydration lifecycle of Livewire. If you want to change those properties, you should create a custom component instead.
+>**Note:** There are a few properties such as options, default, and conditions that won't work correctly when assigned in the view. This is due to the hydration lifecycle of Livewire. If you want to change those properties, you should create a custom component instead.
 
 ## Themes
 

From 7c082ccf181261ce1789cc69f506bb3a7d7890b3 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 22 Jan 2024 15:38:06 -0500
Subject: [PATCH 145/209] Fix issue with nested arrays

---
 src/BladeDirectives.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/BladeDirectives.php b/src/BladeDirectives.php
index 2403411d..b555255e 100644
--- a/src/BladeDirectives.php
+++ b/src/BladeDirectives.php
@@ -47,7 +47,7 @@ public static function formSection(string $expression): string
      */
     public static function formField(string $expression): string
     {
-        $variables = explode(', ', $expression);
+        $variables = explode(', ', $expression, 2);
 
         $field = $variables[0];
         $properties = $variables[1] ?? '[]';

From c1d13a78a0aa063efd267a19d9b22e7ed11e5746 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 22 Jan 2024 15:50:45 -0500
Subject: [PATCH 146/209] Update README.md

---
 README.md | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 500ebe8a..23eb0bbf 100644
--- a/README.md
+++ b/README.md
@@ -184,7 +184,7 @@ There are a couple of blade directives you may use in your form views. The direc
 | Directive                | Description                                                                 | View                      |
 | ------------------------ | --------------------------------------------------------------------------- | ------------------------- |
 | `@formSection('handle')` | Render a specific from section, e.g., `@formSection('contact_information')` | section.blade.php         |
-| `@formField('handle')`   | Render a specific form field, e.g., @formField('first_name')                | field.blade.php           |
+| `@formField('handle')`   | Render a specific form field, e.g., `@formField('first_name')`              | field.blade.php           |
 | `@formView('view')`      | Render a specific form view, e.g., `@formView('messages.label')`            | Whatever view you provide |
 
 ### Customization Example
@@ -205,26 +205,24 @@ You can access the properties in the field's view like this:
 {{ $field->tooltip }}
 ```
 
->**Note:** There are a few properties such as options, default, and conditions that won't work correctly when assigned in the view. This is due to the hydration lifecycle of Livewire. If you want to change those properties, you should create a custom component instead.
-
 ## Themes
 
-Themes allow you to customize the style and logic of your form fields. You may have any number of themes and use them for any of your forms. If a field's view doesn't exist in the configured theme, it will fall back to the default theme. You can set the default theme in `config/livewire-forms.php`.
+Themes allow you to customize the style and logic of your form views. You may have any number of themes. If a view doesn't exist in the theme applied to a form, it will fall back to the default theme set in `config/livewire-forms.php`.
 
-Use the following command to create a new theme:
+Use the `livewire-forms:theme` command to create a new theme:
 
 ```bash
 php please livewire-forms:theme
 ```
 
-> **Important:** It's very likely that future releases will introduce breaking changes to the theme views. If that happens, you will have to manually update your themes.
+> **Good to know:**Future releases of this addon will likely introduce breaking changes to your views. In that case, you will have to manually update your views according to the changes.
 
 ### Field Views
-Each field will load the view defined by its type by default. A `subscription` field of `type: radio`, for example, will load the `radio.blade.php` view.
+Each field will load the view by its type by default. For example, a `subscription` field of `type: radio`, will load the `radio.blade.php` view.
 
-Sometimes you may want to load a different view for a field. In this example, we want to display a fancy radio button group. Simply create a `subscription.blade.php` view within the theme's `fields` folder to autoload your custom view.
+Sometimes you may want to load a different view for a given field, like a fancy radio button group for selecting a subscription. Field views are autoloaded by the field's handle. In this example, you can simply create a `subscription.blade.php` view under the theme's `fields` folder to autoload your custom view.
 
-You may also manually override a field's view by adding `view: {the_name_of_the_view}` to the config in the blueprint.
+You may also manually override a field's view by adding `view: {the_name_of_the_view}` to the field's config in the blueprint.
 
 ## Components
 

From 9aa0dea540849187c09c169e0f574e9809e10413 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 22 Jan 2024 16:15:17 -0500
Subject: [PATCH 147/209] Update README.md

---
 README.md | 38 +++++++++++++++++++++++++++++++++-----
 1 file changed, 33 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 23eb0bbf..2825c8c9 100644
--- a/README.md
+++ b/README.md
@@ -151,7 +151,7 @@ You can also dynamically render a form that was selected via Statamic's Form fie
 <livewire:form :handle="field:handle">
 ```
 
-Use the `view` and `theme` parameters if you want to use a view or theme that is different from the one defined in `config/livewire-forms.php`.
+Use the `view` and `theme` parameters if you want to use a view or theme that is different from the defaults defined in `config/livewire-forms.php`.
 
 ```blade
 <!-- Antlers -->
@@ -177,6 +177,14 @@ Use the `livewire-forms:view` command to create a new view and customize it to y
 php please livewire-forms:view
 ```
 
+### Autoloading
+
+Views are autoloaded by the handle of a form. In the example below, it will try to load the `contact.blade.php` view. If it doesn't exist, it will fall back to the default view defined in `config/livewire-forms.php`.
+
+```blade
+{{ livewire:form handle="contact" }}
+```
+
 ### Blade Directives
 
 There are a couple of blade directives you may use in your form views. The directives are aware of the form's theme and will render the views accordingly.
@@ -215,7 +223,15 @@ Use the `livewire-forms:theme` command to create a new theme:
 php please livewire-forms:theme
 ```
 
-> **Good to know:**Future releases of this addon will likely introduce breaking changes to your views. In that case, you will have to manually update your views according to the changes.
+### Autoloading
+
+Themes are autoloaded by the handle of a form. In the example below, it will try to load the `contact` theme. If it doesn't exist, it will fall back to the default theme defined in `config/livewire-forms.php`.
+
+```blade
+{{ livewire:form handle="contact" }}
+```
+
+> **Good to know:** Future releases of this addon will likely introduce breaking changes to your views. In that case, you will have to manually update your views according to the changes.
 
 ### Field Views
 Each field will load the view by its type by default. For example, a `subscription` field of `type: radio`, will load the `radio.blade.php` view.
@@ -234,9 +250,9 @@ Get started by creating a new component. The following example will create a new
 php please livewire-forms:component ContactForm
 ```
 
-### Render the component
+### Autoloading
 
-Livewire Forms is smart enough to autoload custom components by matching the class name with the form's handle. The following example will look for a `App\Livewire\ContactForm.php` component. If there is no class with that name, the default form component will be loaded instead.
+Custom components are autoloaded by matching the class name with the form's handle. In the example below, it will try to load the `App\Livewire\ContactForm.php` component. If this component doesn't exist, it will fall back to the default form component.
 
 ```blade
 <!-- Antlers -->
@@ -246,7 +262,19 @@ Livewire Forms is smart enough to autoload custom components by matching the cla
 <livewire:form handle="contact">
 ```
 
->**Note:** The component's name needs to end with `Form`. This is necessary for Livewire Forms to do its autoloading magic.
+>**Note:** The component's name needs to end with `Form`, .e.g., `ContactForm.php` This is necessary for Livewire Forms to do its autoloading magic.
+
+### Explicit Loading
+
+You can also explicitly load a custom component by name like you would with any other Livewire component. This is useful if need to pass additional properties to the component.
+
+```blade
+<!-- Antlers -->
+{{ livewire:contact-form my-custom-prop="value" }}
+
+<!-- Blade -->
+<livewire:contact-form my-custom-prop="value">
+```
 
 ### Field Models
 

From e332cf35c5e997b8ba73c7379e67638d5cdd209a Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 23 Jan 2024 11:58:10 -0500
Subject: [PATCH 148/209] Update README.md

---
 README.md | 60 +++++++++++++++++++------------------------------------
 1 file changed, 20 insertions(+), 40 deletions(-)

diff --git a/README.md b/README.md
index 2825c8c9..8dbf80d1 100644
--- a/README.md
+++ b/README.md
@@ -262,7 +262,7 @@ Custom components are autoloaded by matching the class name with the form's hand
 <livewire:form handle="contact">
 ```
 
->**Note:** The component's name needs to end with `Form`, .e.g., `ContactForm.php` This is necessary for Livewire Forms to do its autoloading magic.
+>**Note:** The component's name needs to end with `Form` for Livewire Forms to do its autoloading magic, e.g., `ContactForm.php`.
 
 ### Explicit Loading
 
@@ -278,9 +278,11 @@ You can also explicitly load a custom component by name like you would with any
 
 ### Field Models
 
-Field models are responsible for generating a field's properties like `view`, `label`, and `rules`. For instance, all the fields of type `\Statamic\Fieldtypes\Select::class` are bound to the `\Aerni\LivewireForms\Fields\Select::class` model. A field property is created for each model method ending with `Property`, e.g. `optionsProperty()` will generate an `options` property.
+Each Statamic fieldtype is mapped to a Livewire Forms field model. Models are responsible for generating a field's properties like `view`, `label`, `instructions`, `options`, and so on. You can find the default mappings in `config/livewire-forms.php`.
 
-To change a fields default model, simply change the binding in the `models` property in your component:
+For instance, all the fields of type `\Statamic\Fieldtypes\Select::class` are bound to the `\Aerni\LivewireForms\Fields\Select::class` model. A field property is created for each model method ending with `Property`, e.g. `optionsProperty()` will generate an `options` property.
+
+To change a field's default model, simply change the binding in the `models` property in your component:
 
 ```php
 protected array $models = [
@@ -300,36 +302,25 @@ protected array $models = [
 
 ### Callbacks & Hooks
 
-There are a couple of callbacks and hooks that let you modify fields and data at various lifecycle steps.
+There are a couple of hooks that let you modify fields and data at various lifecycle steps.
 
-#### Hydrated Fields
+#### Mounted Fields
 
-Use this callback to modify the fields before they are rendered, e.g. a field's label. This is often the simpler route when changing a single thing, rather than adding a new field model binding.
+Use this hook to modify the fields after they are mounted.
 
 ```php
-protected function hydratedFields(Fields $fields): void
+public function mountedFields(Collection $fields): void
 {
     $fields->get('name')->label('Your name');
 }
 ```
 
-#### Submitting Form
-
-Use this hook to modify data before the form submission is created. Note, that you can only modify data of fields that are part of the form blueprint. You can't add data for nonexistent fields. In the example below: The form blueprint needs a `full_name` field.
-
-```php
-protected function submittingForm(): void
-{
-    $this->data['full_name'] = "{$this->data['first_name']} {$this->data['last_name']}";
-}
-```
-
-#### Created Submission
+#### Form Submitted
 
-Use this callback to modify the data of the submission before it gets saved and events are triggered.
+Use this hook to modify the form submission before it is processed by Statamic.
 
 ```php
-protected function createdSubmission(Submission $submission): void
+public function formSubmitted(Submission $submission): void
 {
     $title = $submission->augmentedValue('entry')->value()->title;
 
@@ -337,17 +328,6 @@ protected function createdSubmission(Submission $submission): void
 }
 ```
 
-#### Submitted Form
-
-Use this hook to perform an action after the form has been submitted.
-
-```php
-protected function submittedForm(): void
-{
-    Newsletter::subscribe($this->data['email']);
-}
-```
-
 ### Customization Example
 
 In the following example we want to dynamically generate the options of a select field based on the entries of a Statamic collection. We also want to change the view of the field because the design needs to be different to a regular select field. There are two ways to achieve our task. We can either create a `custom field model` or use the `hydratedFields` callback. Choose whichever route feels better to you.
@@ -364,7 +344,7 @@ use Statamic\Facades\Entry;
 
 class SelectProduct extends Select
 {
-    protected static string $view = 'select_product';
+    protected string $view = 'select_product';
 
     public function optionsProperty(): array
     {
@@ -380,9 +360,9 @@ Next, we need to tell the form which field we want to use the `SelectProduct` mo
 ```php
 namespace App\Livewire;
 
-use Aerni\LivewireForms\Livewire\BaseForm;
+use Aerni\LivewireForms\Livewire\Form;
 
-class ContactForm extends BaseForm
+class ContactForm extends Form
 {
     protected array $models = [
         'products' => \App\Fields\SelectProduct::class,
@@ -390,18 +370,18 @@ class ContactForm extends BaseForm
 }
 ```
 
-#### Using the hydratedFields callback
+#### Using the mountedFields hook
 
-Instead of defining a new field model, we can also achieve the same thing using the `hydratedFields` callback.
+Instead of defining a new field model, we can also achieve the same thing using the `mountedFields` hook.
 
 ```php
 namespace App\Livewire;
 
-use Aerni\LivewireForms\Livewire\BaseForm;
+use Aerni\LivewireForms\Livewire\Form;
 
-class ContactForm extends BaseForm
+class ContactForm extends Form
 {
-    protected function hydratedFields(Fields $fields): void
+    public function mountedFields(Collection $fields): void
     {
         $options = Entry::whereCollection('products')
             ->mapWithKeys(fn ($product) => [$product->slug() => $product->get('title')])

From ea4bdd8c4829c48e20c43eeacdf264d4a88aa4cd Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 5 Jan 2024 13:25:15 -0500
Subject: [PATCH 149/209] Use methods to process value when setting property

If the property has a method that accepts an argument, we want to use it to transform the value. This is useful for properties like `view` where we want the final value to be `fields.{view}`.
---
 src/Fields/Assets.php                      | 10 ++++++----
 src/Fields/Checkboxes.php                  |  4 ++--
 src/Fields/Concerns/HandlesProperties.php  | 22 ++++++++++++++++++++--
 src/Fields/Field.php                       |  5 -----
 src/Fields/Properties/WithInlineLabel.php  |  4 ++--
 src/Fields/Properties/WithInstructions.php |  4 ++--
 src/Fields/Properties/WithLabel.php        |  4 ++--
 src/Fields/Properties/WithOptions.php      |  4 ++--
 src/Fields/Properties/WithPlaceholder.php  |  4 ++--
 src/Fields/Properties/WithRules.php        | 10 ++++++++--
 src/Fields/Properties/WithWireModel.php    |  4 ++--
 src/Fields/Radio.php                       |  4 ++--
 src/Fields/Select.php                      |  4 ++--
 src/Fields/Toggle.php                      | 10 +++++-----
 14 files changed, 57 insertions(+), 36 deletions(-)

diff --git a/src/Fields/Assets.php b/src/Fields/Assets.php
index f494d50d..a234f4b8 100644
--- a/src/Fields/Assets.php
+++ b/src/Fields/Assets.php
@@ -19,17 +19,19 @@ protected function defaultProperty(): ?array
         return $this->multiple ? [] : null;
     }
 
-    protected function rulesProperty(): array
+    protected function rulesProperty(string|array|null $rules = null): array
     {
-        $rules = parent::rulesProperty();
+        $rules = parent::rulesProperty($rules);
 
         if ($this->multiple) {
             return $rules;
         }
 
-        return collect($rules)
+        $rules = collect(array_first($rules))
             ->filter(fn ($rule) => ! in_array($rule, ['array', 'max:1']))
-            ->all();
+            ->values()->all();
+
+        return [$this->key => $rules];
     }
 
     public function process(): mixed
diff --git a/src/Fields/Checkboxes.php b/src/Fields/Checkboxes.php
index af1b8c37..e503f115 100644
--- a/src/Fields/Checkboxes.php
+++ b/src/Fields/Checkboxes.php
@@ -12,10 +12,10 @@ class Checkboxes extends Field
 
     protected string $view = 'checkboxes';
 
-    protected function defaultProperty(): array
+    protected function defaultProperty(string|array|null $default = null): array
     {
         return collect($this->options)
-            ->only($this->field->defaultValue() ?? [])
+            ->only($default ?? $this->field->defaultValue() ?? [])
             ->keys()
             ->toArray();
     }
diff --git a/src/Fields/Concerns/HandlesProperties.php b/src/Fields/Concerns/HandlesProperties.php
index 213867b5..a3a083be 100644
--- a/src/Fields/Concerns/HandlesProperties.php
+++ b/src/Fields/Concerns/HandlesProperties.php
@@ -25,6 +25,8 @@ public function properties(?array $properties = null): array|self
 
     public function property(string $key): mixed
     {
+        $key = Str::snake($key);
+
         if (array_key_exists($key, $this->properties)) {
             return $this->properties[$key];
         }
@@ -35,7 +37,7 @@ public function property(string $key): mixed
             ? $this->$method()
             : $this->field->get($key);
 
-        $this->set($key, $value);
+        $this->properties[$key] = $value;
 
         return $value;
     }
@@ -75,7 +77,23 @@ protected function get(string $key): mixed
 
     protected function set(string $key, mixed $value): self
     {
-        $this->properties[Str::snake($key)] = $value;
+        $key = Str::snake($key);
+
+        $method = $this->propertyMethodFromKey($key);
+
+        /**
+         * If the property has a method that accepts an argument, we want to use it to transform the value.
+         * This is useful for properties like `view` where we want the final value to be `fields.{view}`.
+         */
+        if (method_exists($this, $method)) {
+            $method = new ReflectionMethod($this, $method);
+
+            $value = $method->getNumberOfParameters() > 0
+                ? $method->invoke($this, $value)
+                : $value;
+        }
+
+        $this->properties[$key] = $value;
 
         return $this;
     }
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index c2774e83..363a4fe0 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -28,11 +28,6 @@ public static function make(FormField $field, Component $component): self
         return new static($field, $component);
     }
 
-    public function rules(): array
-    {
-        return [$this->key => $this->rules];
-    }
-
     public function validationAttributes(): array
     {
         return [$this->key => $this->label];
diff --git a/src/Fields/Properties/WithInlineLabel.php b/src/Fields/Properties/WithInlineLabel.php
index be8d5b03..95f379b7 100644
--- a/src/Fields/Properties/WithInlineLabel.php
+++ b/src/Fields/Properties/WithInlineLabel.php
@@ -4,8 +4,8 @@
 
 trait WithInlineLabel
 {
-    protected function inlineLabelProperty(): ?string
+    protected function inlineLabelProperty(?string $inlineLabel = null): ?string
     {
-        return __($this->field->get('inline_label'));
+        return __($inlineLabel ?? $this->field->get('inline_label'));
     }
 }
diff --git a/src/Fields/Properties/WithInstructions.php b/src/Fields/Properties/WithInstructions.php
index 68a3335c..0198c1d3 100644
--- a/src/Fields/Properties/WithInstructions.php
+++ b/src/Fields/Properties/WithInstructions.php
@@ -4,8 +4,8 @@
 
 trait WithInstructions
 {
-    protected function instructionsProperty(): ?string
+    protected function instructionsProperty(?string $instructions = null): ?string
     {
-        return __($this->field->get('instructions'));
+        return __($instructions ?? $this->field->get('instructions'));
     }
 }
diff --git a/src/Fields/Properties/WithLabel.php b/src/Fields/Properties/WithLabel.php
index 57933122..ae414ed1 100644
--- a/src/Fields/Properties/WithLabel.php
+++ b/src/Fields/Properties/WithLabel.php
@@ -4,8 +4,8 @@
 
 trait WithLabel
 {
-    protected function labelProperty(): ?string
+    protected function labelProperty(?string $label = null): ?string
     {
-        return __($this->field->get('display'));
+        return __($label ?? $this->field->get('display'));
     }
 }
diff --git a/src/Fields/Properties/WithOptions.php b/src/Fields/Properties/WithOptions.php
index 8e6d88c0..2fc49fdb 100644
--- a/src/Fields/Properties/WithOptions.php
+++ b/src/Fields/Properties/WithOptions.php
@@ -6,9 +6,9 @@
 
 trait WithOptions
 {
-    protected function optionsProperty(): array
+    protected function optionsProperty(?array $options = null): array
     {
-        $options = $this->field->get('options');
+        $options = $options ?? $this->field->get('options');
 
         if (Arr::isAssoc($options)) {
             return collect($options)
diff --git a/src/Fields/Properties/WithPlaceholder.php b/src/Fields/Properties/WithPlaceholder.php
index 3ec90810..813433ea 100644
--- a/src/Fields/Properties/WithPlaceholder.php
+++ b/src/Fields/Properties/WithPlaceholder.php
@@ -4,8 +4,8 @@
 
 trait WithPlaceholder
 {
-    protected function placeholderProperty(): ?string
+    protected function placeholderProperty(?string $placeholder = null): ?string
     {
-        return __($this->field->get('placeholder'));
+        return __($placeholder ?? $this->field->get('placeholder'));
     }
 }
diff --git a/src/Fields/Properties/WithRules.php b/src/Fields/Properties/WithRules.php
index e95bea32..acd36f7f 100644
--- a/src/Fields/Properties/WithRules.php
+++ b/src/Fields/Properties/WithRules.php
@@ -2,10 +2,16 @@
 
 namespace Aerni\LivewireForms\Fields\Properties;
 
+use Statamic\Fields\Validator;
+
 trait WithRules
 {
-    protected function rulesProperty(): array
+    protected function rulesProperty(string|array|null $rules = null): array
     {
-        return array_flatten($this->field->rules());
+        $rules = is_null($rules)
+            ? array_flatten($this->field->rules())
+            : Validator::explodeRules($rules);
+
+        return [$this->key => $rules];
     }
 }
diff --git a/src/Fields/Properties/WithWireModel.php b/src/Fields/Properties/WithWireModel.php
index 485cfb22..cbb3596f 100644
--- a/src/Fields/Properties/WithWireModel.php
+++ b/src/Fields/Properties/WithWireModel.php
@@ -4,9 +4,9 @@
 
 trait WithWireModel
 {
-    protected function wireModelProperty(): ?string
+    protected function wireModelProperty(?string $wireModel = null): ?string
     {
-        $wireModel = $this->field->get('wire_model', 'change');
+        $wireModel = $wireModel ?? $this->field->get('wire_model', 'change');
 
         // "Defer" is Livewire's default so we don't want to return it as modifier.
         return $wireModel !== 'defer' ? $wireModel : null;
diff --git a/src/Fields/Radio.php b/src/Fields/Radio.php
index 279c417f..6c11ad29 100644
--- a/src/Fields/Radio.php
+++ b/src/Fields/Radio.php
@@ -12,10 +12,10 @@ class Radio extends Field
 
     protected string $view = 'radio';
 
-    protected function defaultProperty(): ?string
+    protected function defaultProperty(?string $default = null): ?string
     {
         return collect($this->options)
-            ->only($this->field->defaultValue() ?? [])
+            ->only($default ?? $this->field->defaultValue() ?? [])
             ->keys()
             ->first();
     }
diff --git a/src/Fields/Select.php b/src/Fields/Select.php
index 555784fb..6b946740 100644
--- a/src/Fields/Select.php
+++ b/src/Fields/Select.php
@@ -16,9 +16,9 @@ class Select extends Field
 
     protected string $view = 'select';
 
-    protected function defaultProperty(): string|array|null
+    protected function defaultProperty(?string $default = null): string|array|null
     {
-        $default = $this->field->defaultValue();
+        $default = $default ?? $this->field->defaultValue();
         $options = $this->options;
 
         // A default is only valid if it exists in the options.
diff --git a/src/Fields/Toggle.php b/src/Fields/Toggle.php
index fe101951..8e39d360 100644
--- a/src/Fields/Toggle.php
+++ b/src/Fields/Toggle.php
@@ -10,14 +10,14 @@ class Toggle extends Field
 
     protected string $view = 'toggle';
 
-    protected function rulesProperty(): array
+    protected function rulesProperty(string|array|null $rules = null): array
     {
-        $rules = collect(parent::rulesProperty());
+        $rules = array_first(parent::rulesProperty($rules));
 
-        if ($rules->contains('required')) {
-            $rules->push('accepted');
+        if (in_array('required', $rules)) {
+            $rules[] = 'accepted';
         }
 
-        return $rules->all();
+        return [$this->key => $rules];
     }
 }

From 450e21aeda46526dcd092424da57a9be41310265 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 5 Jan 2024 13:38:57 -0500
Subject: [PATCH 150/209] Make it possible to opt-out of processing

---
 src/Fields/Concerns/HandlesProperties.php | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/Fields/Concerns/HandlesProperties.php b/src/Fields/Concerns/HandlesProperties.php
index a3a083be..21a94556 100644
--- a/src/Fields/Concerns/HandlesProperties.php
+++ b/src/Fields/Concerns/HandlesProperties.php
@@ -4,6 +4,7 @@
 
 use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
+use ReflectionMethod;
 use Statamic\Support\Traits\FluentlyGetsAndSets;
 
 trait HandlesProperties
@@ -75,7 +76,7 @@ protected function get(string $key): mixed
         return $this->property(Str::snake($key));
     }
 
-    protected function set(string $key, mixed $value): self
+    protected function set(string $key, mixed $value, bool $processValue = true): self
     {
         $key = Str::snake($key);
 
@@ -85,7 +86,7 @@ protected function set(string $key, mixed $value): self
          * If the property has a method that accepts an argument, we want to use it to transform the value.
          * This is useful for properties like `view` where we want the final value to be `fields.{view}`.
          */
-        if (method_exists($this, $method)) {
+        if ($processValue && method_exists($this, $method)) {
             $method = new ReflectionMethod($this, $method);
 
             $value = $method->getNumberOfParameters() > 0
@@ -120,7 +121,7 @@ public function __set(string $key, mixed $value): void
     public function __call(string $property, array $arguments): mixed
     {
         return $arguments
-            ? $this->set($property, $arguments[0])
+            ? $this->set(key: $property, value: $arguments[0], processValue: $arguments[1] ?? true)
             : $this->get($property);
     }
 }

From c0ce15b850d4c51670015cd668f4f87851062503 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 5 Jan 2024 13:43:57 -0500
Subject: [PATCH 151/209] =?UTF-8?q?Don=E2=80=99t=20allow=20changing=20some?=
 =?UTF-8?q?=20important=20properties?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Exceptions/ProtectedPropertyException.php | 13 +++++++++++++
 src/Fields/Concerns/HandlesProperties.php     | 11 +++++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 src/Exceptions/ProtectedPropertyException.php

diff --git a/src/Exceptions/ProtectedPropertyException.php b/src/Exceptions/ProtectedPropertyException.php
new file mode 100644
index 00000000..e3e13f05
--- /dev/null
+++ b/src/Exceptions/ProtectedPropertyException.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace Aerni\LivewireForms\Exceptions;
+
+use Exception;
+
+class ProtectedPropertyException extends Exception
+{
+    public function __construct(protected string $property)
+    {
+        parent::__construct("The property [{$this->property}] is protected and cannot be changed.");
+    }
+}
diff --git a/src/Fields/Concerns/HandlesProperties.php b/src/Fields/Concerns/HandlesProperties.php
index 21a94556..2bb6daa4 100644
--- a/src/Fields/Concerns/HandlesProperties.php
+++ b/src/Fields/Concerns/HandlesProperties.php
@@ -2,6 +2,7 @@
 
 namespace Aerni\LivewireForms\Fields\Concerns;
 
+use Aerni\LivewireForms\Exceptions\ProtectedPropertyException;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
 use ReflectionMethod;
@@ -11,6 +12,12 @@ trait HandlesProperties
 {
     use FluentlyGetsAndSets;
 
+    /**
+     * TODO: Instead of using this array, we could make the fields actual protected class properties
+     * And then use normal methods for them instead of propertyMethods.
+     */
+    protected array $protectedProperties = ['handle', 'id', 'key'];
+
     protected array $properties = [];
 
     public function properties(?array $properties = null): array|self
@@ -80,6 +87,10 @@ protected function set(string $key, mixed $value, bool $processValue = true): se
     {
         $key = Str::snake($key);
 
+        if (in_array($key, $this->protectedProperties)) {
+            throw new ProtectedPropertyException($key);
+        }
+
         $method = $this->propertyMethodFromKey($key);
 
         /**

From 9f60b70b2bfee2bd8c6e0d204095f9ecfabe5436 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 23 Jan 2024 12:55:32 -0500
Subject: [PATCH 152/209] Fix field view loading

---
 src/Fields/Properties/WithView.php | 22 +++++++++++++---------
 src/ViewManager.php                |  5 +++++
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/Fields/Properties/WithView.php b/src/Fields/Properties/WithView.php
index e1407253..53e32f3a 100644
--- a/src/Fields/Properties/WithView.php
+++ b/src/Fields/Properties/WithView.php
@@ -6,18 +6,22 @@
 
 trait WithView
 {
-    protected function viewProperty(): string
+    protected function viewProperty(?string $view = null): string
     {
-        $configViewName = "fields.{$this->field->get('view')}";
-        $handleViewName = "fields.{$this->handle}";
-
-        $configView = ViewManager::themeViewPath($this->component->theme, $configViewName);
-        $handleView = ViewManager::themeViewPath($this->component->theme, $handleViewName);
+        $overrideView = "fields.{$view}";
+        $configView = "fields.{$this->field->get('view')}";
+        $handleView = "fields.{$this->handle}";
 
         return match (true) {
-            view()->exists($configView) => $configViewName, // Try to load a user-defined view first.
-            view()->exists($handleView) => $handleViewName, // Try to autoload the view by field handle.
-            default => "fields.{$this->view}" // Fall back to the default field view.
+            $this->viewExists($overrideView) => $overrideView, // Load a view defined in the component.
+            $this->viewExists($configView) => $configView, // Load a view defined in the config.
+            $this->viewExists($handleView) => $handleView, // Autoload the view by field handle.
+            default => "fields/{$this->view}" // Fall back to the default field view.
         };
     }
+
+    protected function viewExists(string $view): bool
+    {
+        return ViewManager::themeViewExists($this->component->theme, $view);
+    }
 }
diff --git a/src/ViewManager.php b/src/ViewManager.php
index ede450bc..5675d9b9 100644
--- a/src/ViewManager.php
+++ b/src/ViewManager.php
@@ -17,6 +17,11 @@ public function themeViewPath(string $theme, string $view): string
         return view()->exists($themeView) ? $themeView : $defaultThemeView;
     }
 
+    public function themeViewExists(string $theme, string $view): bool
+    {
+        return view()->exists($this->themeViewPath($theme, $view));
+    }
+
     public function viewExists(string $view): bool
     {
         return view()->exists($this->viewPath($view));

From 2abfc23ca53ec8c49379c8aab11a04487779c099 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 23 Jan 2024 16:29:31 -0500
Subject: [PATCH 153/209] Rework property handling

---
 src/Exceptions/ProtectedPropertyException.php | 13 ---
 src/Exceptions/ReadOnlyPropertyException.php  | 13 +++
 src/Fields/Assets.php                         |  6 +-
 src/Fields/Checkboxes.php                     |  2 +-
 src/Fields/Concerns/HandlesProperties.php     | 85 +++++++++----------
 src/Fields/Hidden.php                         |  2 +-
 src/Fields/Properties/WithAutocomplete.php    |  4 +-
 src/Fields/Properties/WithConditions.php      |  4 +-
 src/Fields/Properties/WithDefault.php         |  4 +-
 src/Fields/Properties/WithHidden.php          |  4 +-
 src/Fields/Properties/WithInline.php          |  4 +-
 src/Fields/Properties/WithInputType.php       |  4 +-
 .../Properties/WithInstructionsPosition.php   |  4 +-
 src/Fields/Properties/WithMultiple.php        |  4 +-
 src/Fields/Properties/WithRows.php            |  4 +-
 src/Fields/Properties/WithShowLabel.php       |  4 +-
 src/Fields/Properties/WithWidth.php           |  4 +-
 src/Fields/Radio.php                          |  2 +-
 src/Fields/Select.php                         |  2 +-
 src/Fields/Text.php                           |  7 +-
 20 files changed, 83 insertions(+), 93 deletions(-)
 delete mode 100644 src/Exceptions/ProtectedPropertyException.php
 create mode 100644 src/Exceptions/ReadOnlyPropertyException.php

diff --git a/src/Exceptions/ProtectedPropertyException.php b/src/Exceptions/ProtectedPropertyException.php
deleted file mode 100644
index e3e13f05..00000000
--- a/src/Exceptions/ProtectedPropertyException.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Exceptions;
-
-use Exception;
-
-class ProtectedPropertyException extends Exception
-{
-    public function __construct(protected string $property)
-    {
-        parent::__construct("The property [{$this->property}] is protected and cannot be changed.");
-    }
-}
diff --git a/src/Exceptions/ReadOnlyPropertyException.php b/src/Exceptions/ReadOnlyPropertyException.php
new file mode 100644
index 00000000..82a6d7b5
--- /dev/null
+++ b/src/Exceptions/ReadOnlyPropertyException.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace Aerni\LivewireForms\Exceptions;
+
+use Exception;
+
+class ReadOnlyPropertyException extends Exception
+{
+    public function __construct(protected string $property)
+    {
+        parent::__construct("The [{$this->property}] property is read-only and cannot be changed.");
+    }
+}
diff --git a/src/Fields/Assets.php b/src/Fields/Assets.php
index a234f4b8..666d251f 100644
--- a/src/Fields/Assets.php
+++ b/src/Fields/Assets.php
@@ -9,12 +9,12 @@ class Assets extends Field
 {
     protected string $view = 'assets';
 
-    protected function multipleProperty(): bool
+    protected function multipleProperty(?bool $multiple = null): bool
     {
-        return $this->field->get('max_files') !== 1;
+        return $multiple ?? $this->field->get('max_files') !== 1;
     }
 
-    protected function defaultProperty(): ?array
+    protected function defaultProperty(mixed $default = null): ?array
     {
         return $this->multiple ? [] : null;
     }
diff --git a/src/Fields/Checkboxes.php b/src/Fields/Checkboxes.php
index e503f115..34cd6158 100644
--- a/src/Fields/Checkboxes.php
+++ b/src/Fields/Checkboxes.php
@@ -12,7 +12,7 @@ class Checkboxes extends Field
 
     protected string $view = 'checkboxes';
 
-    protected function defaultProperty(string|array|null $default = null): array
+    protected function defaultProperty(mixed $default = null): array
     {
         return collect($this->options)
             ->only($default ?? $this->field->defaultValue() ?? [])
diff --git a/src/Fields/Concerns/HandlesProperties.php b/src/Fields/Concerns/HandlesProperties.php
index 2bb6daa4..46eebe7c 100644
--- a/src/Fields/Concerns/HandlesProperties.php
+++ b/src/Fields/Concerns/HandlesProperties.php
@@ -2,22 +2,15 @@
 
 namespace Aerni\LivewireForms\Fields\Concerns;
 
-use Aerni\LivewireForms\Exceptions\ProtectedPropertyException;
+use Aerni\LivewireForms\Exceptions\ReadOnlyPropertyException;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
-use ReflectionMethod;
 use Statamic\Support\Traits\FluentlyGetsAndSets;
 
 trait HandlesProperties
 {
     use FluentlyGetsAndSets;
 
-    /**
-     * TODO: Instead of using this array, we could make the fields actual protected class properties
-     * And then use normal methods for them instead of propertyMethods.
-     */
-    protected array $protectedProperties = ['handle', 'id', 'key'];
-
     protected array $properties = [];
 
     public function properties(?array $properties = null): array|self
@@ -25,31 +18,12 @@ public function properties(?array $properties = null): array|self
         return $this->fluentlyGetOrSet('properties')
             ->getter(function () {
                 return $this->propertyKeys()
-                    ->mapWithKeys(fn ($property) => [$property => $this->property($property)])
+                    ->mapWithKeys(fn ($property) => [$property => $this->get($property)])
                     ->all();
             })
             ->args(func_get_args());
     }
 
-    public function property(string $key): mixed
-    {
-        $key = Str::snake($key);
-
-        if (array_key_exists($key, $this->properties)) {
-            return $this->properties[$key];
-        }
-
-        $method = $this->propertyMethodFromKey($key);
-
-        $value = method_exists($this, $method)
-            ? $this->$method()
-            : $this->field->get($key);
-
-        $this->properties[$key] = $value;
-
-        return $value;
-    }
-
     protected function propertyKeys(): Collection
     {
         $methodProperties = collect(get_class_methods($this))
@@ -58,8 +32,11 @@ protected function propertyKeys(): Collection
 
         $configProperties = array_keys($this->field->config());
 
+        $existingProperties = array_keys($this->properties);
+
         return $methodProperties
             ->merge($configProperties)
+            ->merge($existingProperties)
             ->unique();
     }
 
@@ -73,39 +50,53 @@ protected function propertyKeyFromMethod(string $method): string
         return Str::of($method)->beforeLast('Property')->snake();
     }
 
-    protected function propertyMethodFromKey(string $key): string
+    protected function propertyMethodNameFromKey(string $key): string
     {
         return Str::camel($key).'Property';
     }
 
     protected function get(string $key): mixed
     {
-        return $this->property(Str::snake($key));
+        $key = Str::snake($key);
+
+        if (array_key_exists($key, $this->properties)) {
+            return $this->properties[$key];
+        }
+
+        $method = $this->propertyMethodNameFromKey($key);
+
+        $value = method_exists($this, $method)
+            ? $this->$method()
+            : $this->field->get($key);
+
+        $this->properties[$key] = $value;
+
+        return $value;
     }
 
-    protected function set(string $key, mixed $value, bool $processValue = true): self
+    protected function set(string $key, mixed $value): self
     {
         $key = Str::snake($key);
 
-        if (in_array($key, $this->protectedProperties)) {
-            throw new ProtectedPropertyException($key);
-        }
+        $method = $this->propertyMethodNameFromKey($key);
 
-        $method = $this->propertyMethodFromKey($key);
+        /* Allow setting arbitary properties and setting properties to null. */
+        if (! method_exists($this, $method) || is_null($value)) {
+            $this->properties[$key] = $value;
 
-        /**
-         * If the property has a method that accepts an argument, we want to use it to transform the value.
-         * This is useful for properties like `view` where we want the final value to be `fields.{view}`.
-         */
-        if ($processValue && method_exists($this, $method)) {
-            $method = new ReflectionMethod($this, $method);
-
-            $value = $method->getNumberOfParameters() > 0
-                ? $method->invoke($this, $value)
-                : $value;
+            return $this;
         }
 
-        $this->properties[$key] = $value;
+        $method = new \ReflectionMethod($this, $method);
+
+        /*
+         * Process properties according to their methods.
+         * Properties are considered read-only if their method doesn't accept an argument.
+         * This is useful for properties like 'handle' or 'key' that shouldn't be changed.
+         */
+        $this->properties[$key] = $method->getNumberOfParameters() > 0
+            ? $method->invoke($this, $value)
+            : throw new ReadOnlyPropertyException($key);
 
         return $this;
     }
@@ -132,7 +123,7 @@ public function __set(string $key, mixed $value): void
     public function __call(string $property, array $arguments): mixed
     {
         return $arguments
-            ? $this->set(key: $property, value: $arguments[0], processValue: $arguments[1] ?? true)
+            ? $this->set(key: $property, value: $arguments[0])
             : $this->get($property);
     }
 }
diff --git a/src/Fields/Hidden.php b/src/Fields/Hidden.php
index 7df275a6..25312947 100644
--- a/src/Fields/Hidden.php
+++ b/src/Fields/Hidden.php
@@ -6,7 +6,7 @@ class Hidden extends Field
 {
     protected string $view = 'default';
 
-    protected function hiddenProperty(): bool
+    protected function hiddenProperty(?bool $hidden = null): bool
     {
         return true;
     }
diff --git a/src/Fields/Properties/WithAutocomplete.php b/src/Fields/Properties/WithAutocomplete.php
index a45a9fad..6145fd3b 100644
--- a/src/Fields/Properties/WithAutocomplete.php
+++ b/src/Fields/Properties/WithAutocomplete.php
@@ -4,8 +4,8 @@
 
 trait WithAutocomplete
 {
-    protected function autocompleteProperty(): ?string
+    protected function autocompleteProperty(?string $autocomplete = null): ?string
     {
-        return $this->field->get('autocomplete');
+        return $autocomplete ?? $this->field->get('autocomplete');
     }
 }
diff --git a/src/Fields/Properties/WithConditions.php b/src/Fields/Properties/WithConditions.php
index 19a39e36..33b030c1 100644
--- a/src/Fields/Properties/WithConditions.php
+++ b/src/Fields/Properties/WithConditions.php
@@ -4,8 +4,8 @@
 
 trait WithConditions
 {
-    protected function conditionsProperty(): array
+    protected function conditionsProperty(?array $conditions = null): array
     {
-        return $this->field->conditions();
+        return $conditions ?? $this->field->conditions();
     }
 }
diff --git a/src/Fields/Properties/WithDefault.php b/src/Fields/Properties/WithDefault.php
index 143a2dc4..9c208a2a 100644
--- a/src/Fields/Properties/WithDefault.php
+++ b/src/Fields/Properties/WithDefault.php
@@ -4,8 +4,8 @@
 
 trait WithDefault
 {
-    protected function defaultProperty(): mixed
+    protected function defaultProperty(mixed $default = null): mixed
     {
-        return $this->field->defaultValue();
+        return $default ?? $this->field->defaultValue();
     }
 }
diff --git a/src/Fields/Properties/WithHidden.php b/src/Fields/Properties/WithHidden.php
index daebca45..553fb809 100644
--- a/src/Fields/Properties/WithHidden.php
+++ b/src/Fields/Properties/WithHidden.php
@@ -4,8 +4,8 @@
 
 trait WithHidden
 {
-    protected function hiddenProperty(): bool
+    protected function hiddenProperty(?bool $hidden = null): bool
     {
-        return $this->field->get('hidden', false);
+        return $hidden ?? $this->field->get('hidden', false);
     }
 }
diff --git a/src/Fields/Properties/WithInline.php b/src/Fields/Properties/WithInline.php
index 7bd67ce2..0f4cf902 100644
--- a/src/Fields/Properties/WithInline.php
+++ b/src/Fields/Properties/WithInline.php
@@ -4,8 +4,8 @@
 
 trait WithInline
 {
-    protected function inlineProperty(): bool
+    protected function inlineProperty(?bool $inline = null): bool
     {
-        return (bool) $this->field->get('inline');
+        return $inline ?? (bool) $this->field->get('inline');
     }
 }
diff --git a/src/Fields/Properties/WithInputType.php b/src/Fields/Properties/WithInputType.php
index e7ee6b16..99716ea7 100644
--- a/src/Fields/Properties/WithInputType.php
+++ b/src/Fields/Properties/WithInputType.php
@@ -4,8 +4,8 @@
 
 trait WithInputType
 {
-    protected function inputTypeProperty(): string
+    protected function inputTypeProperty(?string $inputType = null): string
     {
-        return $this->field->get('input_type', 'text');
+        return $inputType ?? $this->field->get('input_type', 'text');
     }
 }
diff --git a/src/Fields/Properties/WithInstructionsPosition.php b/src/Fields/Properties/WithInstructionsPosition.php
index 462e06a6..5a7070f0 100644
--- a/src/Fields/Properties/WithInstructionsPosition.php
+++ b/src/Fields/Properties/WithInstructionsPosition.php
@@ -4,8 +4,8 @@
 
 trait WithInstructionsPosition
 {
-    protected function instructionsPositionProperty(): string
+    protected function instructionsPositionProperty(?string $instructionsPosition = null): string
     {
-        return $this->field->get('instructions_position', 'above');
+        return $instructionsPosition ?? $this->field->get('instructions_position', 'above');
     }
 }
diff --git a/src/Fields/Properties/WithMultiple.php b/src/Fields/Properties/WithMultiple.php
index a8783a89..facf6d3a 100644
--- a/src/Fields/Properties/WithMultiple.php
+++ b/src/Fields/Properties/WithMultiple.php
@@ -4,8 +4,8 @@
 
 trait WithMultiple
 {
-    protected function multipleProperty(): bool
+    protected function multipleProperty(?bool $multiple = null): bool
     {
-        return (bool) $this->field->get('multiple');
+        return $multiple ?? (bool) $this->field->get('multiple');
     }
 }
diff --git a/src/Fields/Properties/WithRows.php b/src/Fields/Properties/WithRows.php
index cc43c997..ca9013a4 100644
--- a/src/Fields/Properties/WithRows.php
+++ b/src/Fields/Properties/WithRows.php
@@ -4,8 +4,8 @@
 
 trait WithRows
 {
-    protected function rowsProperty(): ?int
+    protected function rowsProperty(?int $rows = null): ?int
     {
-        return $this->field->get('rows');
+        return $rows ?? $this->field->get('rows');
     }
 }
diff --git a/src/Fields/Properties/WithShowLabel.php b/src/Fields/Properties/WithShowLabel.php
index 9c56a8f4..affd279c 100644
--- a/src/Fields/Properties/WithShowLabel.php
+++ b/src/Fields/Properties/WithShowLabel.php
@@ -6,8 +6,8 @@
 
 trait WithShowLabel
 {
-    protected function showLabelProperty(): bool
+    protected function showLabelProperty(?bool $showLabel = null): bool
     {
-        return Str::toBool($this->field->get('show_label', true));
+        return $showLabel ?? Str::toBool($this->field->get('show_label', true));
     }
 }
diff --git a/src/Fields/Properties/WithWidth.php b/src/Fields/Properties/WithWidth.php
index e06f2464..3b1fc141 100644
--- a/src/Fields/Properties/WithWidth.php
+++ b/src/Fields/Properties/WithWidth.php
@@ -4,8 +4,8 @@
 
 trait WithWidth
 {
-    protected function widthProperty(): int
+    protected function widthProperty(?int $width = null): int
     {
-        return $this->field->get('width', 100);
+        return $width ?? $this->field->get('width', 100);
     }
 }
diff --git a/src/Fields/Radio.php b/src/Fields/Radio.php
index 6c11ad29..7fadabdc 100644
--- a/src/Fields/Radio.php
+++ b/src/Fields/Radio.php
@@ -12,7 +12,7 @@ class Radio extends Field
 
     protected string $view = 'radio';
 
-    protected function defaultProperty(?string $default = null): ?string
+    protected function defaultProperty(mixed $default = null): ?string
     {
         return collect($this->options)
             ->only($default ?? $this->field->defaultValue() ?? [])
diff --git a/src/Fields/Select.php b/src/Fields/Select.php
index 6b946740..dd252a72 100644
--- a/src/Fields/Select.php
+++ b/src/Fields/Select.php
@@ -16,7 +16,7 @@ class Select extends Field
 
     protected string $view = 'select';
 
-    protected function defaultProperty(?string $default = null): string|array|null
+    protected function defaultProperty(mixed $default = null): string|array|null
     {
         $default = $default ?? $this->field->defaultValue();
         $options = $this->options;
diff --git a/src/Fields/Text.php b/src/Fields/Text.php
index 97bcaeb2..18f1bd91 100644
--- a/src/Fields/Text.php
+++ b/src/Fields/Text.php
@@ -14,10 +14,9 @@ class Text extends Field
 
     protected string $view = 'default';
 
-    protected function hiddenProperty(): bool
+    protected function hiddenProperty(?bool $hidden = null): bool
     {
-        return $this->input_type === 'hidden'
-            ? true
-            : parent::hiddenProperty();
+        return $hidden ?? $this->input_type === 'hidden'
+            ? true : parent::hiddenProperty();
     }
 }

From b2c49585e55cb3a26e1ccf7d8bec92a96ed72cdb Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 24 Jan 2024 16:51:50 -0500
Subject: [PATCH 154/209] Setup test suite

---
 composer.json               | 19 +++++++++++++++-
 phpunit.xml                 | 20 +++++++++++++++++
 testbench.yaml              |  2 ++
 tests/Fields/FieldsTest.php | 36 +++++++++++++++++++++++++++++
 tests/Livewire/FormTest.php | 34 ++++++++++++++++++++++++++++
 tests/Pest.php              | 45 +++++++++++++++++++++++++++++++++++++
 tests/TestCase.php          | 42 ++++++++++++++++++++++++++++++++++
 7 files changed, 197 insertions(+), 1 deletion(-)
 create mode 100644 phpunit.xml
 create mode 100644 testbench.yaml
 create mode 100644 tests/Fields/FieldsTest.php
 create mode 100644 tests/Livewire/FormTest.php
 create mode 100644 tests/Pest.php
 create mode 100644 tests/TestCase.php

diff --git a/composer.json b/composer.json
index 9e6542a6..db064746 100644
--- a/composer.json
+++ b/composer.json
@@ -24,20 +24,37 @@
         "livewire/livewire": "^3.2",
         "statamic/cms": "^4.9"
     },
+    "require-dev": {
+        "orchestra/testbench": "^8.19",
+        "pestphp/pest": "^2.32",
+        "pestphp/pest-plugin-laravel": "^2.2",
+        "pestphp/pest-plugin-livewire": "^2.1"
+    },
     "autoload": {
         "psr-4": {
             "Aerni\\LivewireForms\\": "src"
         }
     },
+    "autoload-dev" : {
+        "psr-4" : {
+            "Aerni\\LivewireForms\\Tests\\" : "tests"
+        }
+    },
     "config": {
         "optimize-autoloader": true,
         "preferred-install": "dist",
         "sort-packages": true,
         "allow-plugins": {
             "composer/package-versions-deprecated": true,
-            "pixelfear/composer-dist-plugin": true
+            "pixelfear/composer-dist-plugin": true,
+            "pestphp/pest-plugin": true
         }
     },
+    "scripts": {
+        "test": [
+            "./vendor/bin/pest"
+        ]
+    },
     "extra": {
         "statamic": {
             "name": "Livewire Forms",
diff --git a/phpunit.xml b/phpunit.xml
new file mode 100644
index 00000000..d19240cb
--- /dev/null
+++ b/phpunit.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:noNamespaceSchemaLocation="https://schema.phpunit.de/10.3/phpunit.xsd"
+         bootstrap="vendor/autoload.php"
+         colors="true"
+>
+    <testsuites>
+        <testsuite name="Test Suite">
+            <directory suffix="Test.php">./tests</directory>
+        </testsuite>
+    </testsuites>
+    <source>
+        <include>
+            <directory suffix=".php">./app</directory>
+        </include>
+    </source>
+    <php>
+        <env name="APP_KEY" value="AckfSECXIvnK5r28GVIWUAxmbBSjTsmF"/>
+    </php>
+</phpunit>
diff --git a/testbench.yaml b/testbench.yaml
new file mode 100644
index 00000000..bd6ce7d9
--- /dev/null
+++ b/testbench.yaml
@@ -0,0 +1,2 @@
+providers:
+  - Aerni\LivewireForms\ServiceProvider
diff --git a/tests/Fields/FieldsTest.php b/tests/Fields/FieldsTest.php
new file mode 100644
index 00000000..c060ba8a
--- /dev/null
+++ b/tests/Fields/FieldsTest.php
@@ -0,0 +1,36 @@
+<?php
+
+use Livewire\Livewire;
+use Statamic\Fields\Field;
+use Statamic\Facades\Blueprint;
+use Aerni\LivewireForms\Fields\Text;
+use Aerni\LivewireForms\Livewire\Form;
+use Statamic\Facades\Form as StatamicForm;
+use Aerni\LivewireForms\Livewire\DynamicForm;
+
+beforeEach(function () {
+    Blueprint::makeFromFields([
+        'name' => ['type' => 'text', 'display' => 'Name'],
+        'email' => ['type' => 'text', 'display' => 'Email'],
+        'message' => ['type' => 'textarea', 'display' => 'Message']
+    ])->setHandle('contact')->setNamespace('forms')->save();
+
+    StatamicForm::make('contact')->save();
+
+    $this->component = Livewire::new('form');
+    $this->component->fill(['handle' => 'contact', 'theme' => 'default', 'view' => 'default']);
+
+    $this->field = Text::make(
+        field: StatamicForm::find('contact')->fields()->get('name'),
+        component: $this->component
+    );
+});
+
+afterEach(function () {
+    Blueprint::find('forms.contact')->delete();
+    StatamicForm::find('contact')->delete();
+});
+
+it('can get the id', function () {
+    expect($this->field->id)->toBe("{$this->component->getId()}-field-name");
+});
diff --git a/tests/Livewire/FormTest.php b/tests/Livewire/FormTest.php
new file mode 100644
index 00000000..56dadab5
--- /dev/null
+++ b/tests/Livewire/FormTest.php
@@ -0,0 +1,34 @@
+<?php
+
+use Livewire\Livewire;
+use Statamic\Facades\Blueprint;
+use Aerni\LivewireForms\Livewire\Form;
+use Statamic\Facades\Form as StatamicForm;
+use Aerni\LivewireForms\Livewire\DynamicForm;
+
+beforeEach(function () {
+    Blueprint::makeFromFields([
+        'name' => ['type' => 'text', 'display' => 'Name'],
+        'email' => ['type' => 'text', 'display' => 'Email'],
+        'message' => ['type' => 'textarea', 'display' => 'Message']
+    ])->setHandle('contact')->setNamespace('forms')->save();
+
+    StatamicForm::make('contact')
+        ->honeypot('winnie')
+        ->save();
+});
+
+afterEach(function () {
+    Blueprint::find('forms.contact')->delete();
+    StatamicForm::find('contact')->delete();
+});
+
+it('renders dynamic-form successfully', function () {
+    Livewire::test(DynamicForm::class, ['handle' => 'contact'])
+        ->assertStatus(200);
+});
+
+it('renders form successfully', function () {
+    Livewire::test(Form::class, ['handle' => 'contact'])
+        ->assertStatus(200);
+});
diff --git a/tests/Pest.php b/tests/Pest.php
new file mode 100644
index 00000000..4dad7feb
--- /dev/null
+++ b/tests/Pest.php
@@ -0,0 +1,45 @@
+<?php
+
+/*
+|--------------------------------------------------------------------------
+| Test Case
+|--------------------------------------------------------------------------
+|
+| The closure you provide to your test functions is always bound to a specific PHPUnit test
+| case class. By default, that class is "PHPUnit\Framework\TestCase". Of course, you may
+| need to change it using the "uses()" function to bind a different classes or traits.
+|
+*/
+
+uses(Aerni\LivewireForms\Tests\TestCase::class)->in('.');
+
+/*
+|--------------------------------------------------------------------------
+| Expectations
+|--------------------------------------------------------------------------
+|
+| When you're writing tests, you often need to check that values meet certain conditions. The
+| "expect()" function gives you access to a set of "expectations" methods that you can use
+| to assert different things. Of course, you may extend the Expectation API at any time.
+|
+*/
+
+// expect()->extend('toBeOne', function () {
+//     return $this->toBe(1);
+// });
+
+/*
+|--------------------------------------------------------------------------
+| Functions
+|--------------------------------------------------------------------------
+|
+| While Pest is very powerful out-of-the-box, you may have some testing code specific to your
+| project that you don't want to repeat in every file. Here you can also expose helpers as
+| global functions to help you to reduce the number of lines of code in your test files.
+|
+*/
+
+// function something()
+// {
+//     //
+// }
diff --git a/tests/TestCase.php b/tests/TestCase.php
new file mode 100644
index 00000000..aa67668b
--- /dev/null
+++ b/tests/TestCase.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace Aerni\LivewireForms\Tests;
+
+use Statamic\Statamic;
+use Statamic\Extend\Manifest;
+use Livewire\LivewireServiceProvider;
+use Aerni\LivewireForms\ServiceProvider;
+use Illuminate\Contracts\Config\Repository;
+use Orchestra\Testbench\TestCase as Orchestra;
+use Statamic\Providers\StatamicServiceProvider;
+
+class TestCase extends Orchestra
+{
+    protected function getPackageProviders($app)
+    {
+        return [
+            ServiceProvider::class,
+            LivewireServiceProvider::class,
+            StatamicServiceProvider::class,
+        ];
+    }
+
+    protected function defineEnvironment($app)
+    {
+        $app->make(Manifest::class)->manifest = [
+            'aerni/livewire-forms' => [
+                'id' => 'aerni/livewire-forms',
+                'namespace' => 'Aerni\\LivewireForms',
+                'provider' => 'Aerni\\LivewireForms\\ServiceProvider',
+                'autoload' => 'src'
+            ],
+        ];
+
+        tap($app['config'], function (Repository $config) {
+            $config->set('livewire-forms', require (__DIR__."/../config/livewire-forms.php"));
+            $config->set('livewire-forms.view_path', '/');
+
+            $config->set('view.paths', [__DIR__."/../resources/views"]);
+        });
+    }
+}

From 69fa69473faf1be476b9a59a10ab9a359c729f3e Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 24 Jan 2024 20:27:51 -0500
Subject: [PATCH 155/209] Add more tests

---
 composer.json               |  1 +
 tests/Fields/FieldsTest.php | 59 ++++++++++++++++++++++++++++++++-----
 2 files changed, 52 insertions(+), 8 deletions(-)

diff --git a/composer.json b/composer.json
index db064746..86dee540 100644
--- a/composer.json
+++ b/composer.json
@@ -22,6 +22,7 @@
         "laravel/framework": "^10.0",
         "laravel/prompts": "^0.1.13",
         "livewire/livewire": "^3.2",
+        "spatie/invade": "^2.0",
         "statamic/cms": "^4.9"
     },
     "require-dev": {
diff --git a/tests/Fields/FieldsTest.php b/tests/Fields/FieldsTest.php
index c060ba8a..58cbf46b 100644
--- a/tests/Fields/FieldsTest.php
+++ b/tests/Fields/FieldsTest.php
@@ -1,18 +1,13 @@
 <?php
 
+use Aerni\LivewireForms\Fields\Text;
 use Livewire\Livewire;
-use Statamic\Fields\Field;
 use Statamic\Facades\Blueprint;
-use Aerni\LivewireForms\Fields\Text;
-use Aerni\LivewireForms\Livewire\Form;
 use Statamic\Facades\Form as StatamicForm;
-use Aerni\LivewireForms\Livewire\DynamicForm;
 
 beforeEach(function () {
     Blueprint::makeFromFields([
-        'name' => ['type' => 'text', 'display' => 'Name'],
-        'email' => ['type' => 'text', 'display' => 'Email'],
-        'message' => ['type' => 'textarea', 'display' => 'Message']
+        'name' => ['type' => 'text'],
     ])->setHandle('contact')->setNamespace('forms')->save();
 
     StatamicForm::make('contact')->save();
@@ -31,6 +26,54 @@
     StatamicForm::find('contact')->delete();
 });
 
-it('can get the id', function () {
+it('can set and get the value', function () {
+    $this->field->value('Michael');
+
+    expect($this->field->value())->toBe('Michael');
+});
+
+it('can reset the value', function () {
+    $this->field->value('Michael');
+    $this->field->resetValue();
+
+    expect($this->field->value())->toBe(null);
+});
+
+it('processed a property through its method', function () {
     expect($this->field->id)->toBe("{$this->component->getId()}-field-name");
 });
+
+it('caches a property when it is called', function () {
+    $this->field->handle();
+    $this->field->default;
+
+    expect(invade($this->field)->properties)->toEqual(['handle' => 'name', 'default' => null]);
+});
+
+it('can set and get an arbitary property', function () {
+    $this->field->foo('value');
+    $this->field->bar = 'value';
+
+    expect($this->field->foo)->toBe('value');
+    expect($this->field->bar())->toBe('value');
+});
+
+it('can set a property to null', function () {
+    $this->field->foo('value');
+
+    $this->field->foo(null);
+
+    expect($this->field->foo)->toBeNull();
+});
+
+it('can unset a property', function () {
+    $this->field->foo('value');
+
+    $this->field->unset('foo');
+
+    expect(array_keys($this->field->properties()))->not->toContain('foo');
+});
+
+it('can get all properties', function () {
+    expect($this->field->properties())->not->toBeEmpty();
+});

From c1b1bac5c09d9fd062b8764e1f535e23e1bb7246 Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Thu, 25 Jan 2024 01:28:32 +0000
Subject: [PATCH 156/209] Fix styling

---
 tests/Livewire/FormTest.php |  6 +++---
 tests/TestCase.php          | 11 +++++------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/tests/Livewire/FormTest.php b/tests/Livewire/FormTest.php
index 56dadab5..43b21184 100644
--- a/tests/Livewire/FormTest.php
+++ b/tests/Livewire/FormTest.php
@@ -1,16 +1,16 @@
 <?php
 
+use Aerni\LivewireForms\Livewire\DynamicForm;
+use Aerni\LivewireForms\Livewire\Form;
 use Livewire\Livewire;
 use Statamic\Facades\Blueprint;
-use Aerni\LivewireForms\Livewire\Form;
 use Statamic\Facades\Form as StatamicForm;
-use Aerni\LivewireForms\Livewire\DynamicForm;
 
 beforeEach(function () {
     Blueprint::makeFromFields([
         'name' => ['type' => 'text', 'display' => 'Name'],
         'email' => ['type' => 'text', 'display' => 'Email'],
-        'message' => ['type' => 'textarea', 'display' => 'Message']
+        'message' => ['type' => 'textarea', 'display' => 'Message'],
     ])->setHandle('contact')->setNamespace('forms')->save();
 
     StatamicForm::make('contact')
diff --git a/tests/TestCase.php b/tests/TestCase.php
index aa67668b..387c9d8f 100644
--- a/tests/TestCase.php
+++ b/tests/TestCase.php
@@ -2,12 +2,11 @@
 
 namespace Aerni\LivewireForms\Tests;
 
-use Statamic\Statamic;
-use Statamic\Extend\Manifest;
-use Livewire\LivewireServiceProvider;
 use Aerni\LivewireForms\ServiceProvider;
 use Illuminate\Contracts\Config\Repository;
+use Livewire\LivewireServiceProvider;
 use Orchestra\Testbench\TestCase as Orchestra;
+use Statamic\Extend\Manifest;
 use Statamic\Providers\StatamicServiceProvider;
 
 class TestCase extends Orchestra
@@ -28,15 +27,15 @@ protected function defineEnvironment($app)
                 'id' => 'aerni/livewire-forms',
                 'namespace' => 'Aerni\\LivewireForms',
                 'provider' => 'Aerni\\LivewireForms\\ServiceProvider',
-                'autoload' => 'src'
+                'autoload' => 'src',
             ],
         ];
 
         tap($app['config'], function (Repository $config) {
-            $config->set('livewire-forms', require (__DIR__."/../config/livewire-forms.php"));
+            $config->set('livewire-forms', require (__DIR__.'/../config/livewire-forms.php'));
             $config->set('livewire-forms.view_path', '/');
 
-            $config->set('view.paths', [__DIR__."/../resources/views"]);
+            $config->set('view.paths', [__DIR__.'/../resources/views']);
         });
     }
 }

From 1e4bc58c951945743f325194b2813ab57b299fb4 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 25 Jan 2024 11:51:57 -0500
Subject: [PATCH 157/209] Add test workflow

---
 .github/workflows/run-tests.yaml | 43 ++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 .github/workflows/run-tests.yaml

diff --git a/.github/workflows/run-tests.yaml b/.github/workflows/run-tests.yaml
new file mode 100644
index 00000000..87590b7c
--- /dev/null
+++ b/.github/workflows/run-tests.yaml
@@ -0,0 +1,43 @@
+name: run-tests
+
+on: ['push', 'pull_request']
+
+jobs:
+  test:
+    runs-on: ${{ matrix.os }}
+    strategy:
+      fail-fast: true
+      matrix:
+        os: [ubuntu-latest]
+        php: [8.1, 8.2, 8.3]
+        laravel: [10.*]
+        stability: [prefer-lowest, prefer-stable]
+        include:
+          - laravel: 10.*
+            testbench: 8.*
+
+    name: P${{ matrix.php }} - L${{ matrix.laravel }} - ${{ matrix.stability }} - ${{ matrix.os }}
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: ${{ matrix.php }}
+          extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, bcmath, soap, intl, gd, exif, iconv, imagick, fileinfo
+          coverage: none
+
+      - name: Setup problem matchers
+        run: |
+          echo "::add-matcher::${{ runner.tool_cache }}/php.json"
+          echo "::add-matcher::${{ runner.tool_cache }}/phpunit.json"
+
+      - name: Install dependencies
+        run: |
+          composer require "laravel/framework:${{ matrix.laravel }}" "orchestra/testbench:${{ matrix.testbench }}" --no-interaction --no-update
+          composer update --${{ matrix.stability }} --prefer-dist --no-interaction
+
+      - name: Execute tests
+        run: vendor/bin/pest

From 1245dd869215d13ef16cb3e9ec435420232f49bf Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 25 Jan 2024 14:11:15 -0500
Subject: [PATCH 158/209] Add more tests

---
 tests/Fields/FieldsTest.php | 93 ++++++++++++++++++++++++++++---------
 1 file changed, 72 insertions(+), 21 deletions(-)

diff --git a/tests/Fields/FieldsTest.php b/tests/Fields/FieldsTest.php
index 58cbf46b..7f4cd74b 100644
--- a/tests/Fields/FieldsTest.php
+++ b/tests/Fields/FieldsTest.php
@@ -1,13 +1,14 @@
 <?php
 
-use Aerni\LivewireForms\Fields\Text;
 use Livewire\Livewire;
 use Statamic\Facades\Blueprint;
+use Aerni\LivewireForms\Fields\Text;
 use Statamic\Facades\Form as StatamicForm;
+use Aerni\LivewireForms\Exceptions\ReadOnlyPropertyException;
 
 beforeEach(function () {
     Blueprint::makeFromFields([
-        'name' => ['type' => 'text'],
+        'name' => ['type' => 'text', 'display' => 'Name', 'validate' => 'required', 'some_custom_config' => 'value'],
     ])->setHandle('contact')->setNamespace('forms')->save();
 
     StatamicForm::make('contact')->save();
@@ -39,41 +40,91 @@
     expect($this->field->value())->toBe(null);
 });
 
-it('processed a property through its method', function () {
-    expect($this->field->id)->toBe("{$this->component->getId()}-field-name");
+it('can process the value', function () {
+    $this->field->value('Michael');
+
+    expect($this->field->process())->toBe('Michael');
+});
+
+it('can get the validation attributes', function () {
+    expect($this->field->validationAttributes())->toBe(['fields.name.value' => 'Name']);
+});
+
+it('can get properties', function () {
+    expect($this->field->properties())->not->toBeEmpty();
 });
 
-it('caches a property when it is called', function () {
-    $this->field->handle();
-    $this->field->default;
+it('can set properties', function () {
+    $this->field->properties(['foo' => 'bar']);
 
-    expect(invade($this->field)->properties)->toEqual(['handle' => 'name', 'default' => null]);
+    expect(invade($this->field)->properties)->toEqual(['foo' => 'bar']);
 });
 
-it('can set and get an arbitary property', function () {
-    $this->field->foo('value');
-    $this->field->bar = 'value';
+it('can set a property', function () {
+    expect(method_exists($this->field, 'fooProperty'))->toBeFalse();
 
-    expect($this->field->foo)->toBe('value');
-    expect($this->field->bar())->toBe('value');
+    $this->field->foo('bar');
+
+    expect($this->field->foo())->toBe('bar');
 });
 
 it('can set a property to null', function () {
-    $this->field->foo('value');
+    $this->field->properties();
+
+    expect(invade($this->field)->properties)->toMatchArray(['display' => 'Name']);
 
-    $this->field->foo(null);
+    $this->field->display(null);
 
-    expect($this->field->foo)->toBeNull();
+    expect(invade($this->field)->properties)->toMatchArray(['display' => null]);
 });
 
 it('can unset a property', function () {
-    $this->field->foo('value');
+    $this->field->properties();
 
-    $this->field->unset('foo');
+    $this->field->unset('display');
 
-    expect(array_keys($this->field->properties()))->not->toContain('foo');
+    expect(invade($this->field)->properties)->not->toHaveKey('display');
 });
 
-it('can get all properties', function () {
-    expect($this->field->properties())->not->toBeEmpty();
+it('processes properties through property methods', function () {
+    expect(method_exists($this->field, 'rulesProperty'))->toBeTrue();
+
+    expect($this->field->rules())->toEqual(['fields.name.value' => ['required']]);
+
+    $this->field->rules('required|email');
+
+    expect($this->field->rules())->toEqual(['fields.name.value' => ['required', 'email']]);
+});
+
+it('throws an exception when trying to set a read-only property', function () {
+    expect(fn() => $this->field->id('foo'))->toThrow(ReadOnlyPropertyException::class);
+});
+
+it('gets properties from the field config', function () {
+    expect(method_exists($this->field, 'someCustomConfigProperty'))->toBeFalse();
+
+    expect($this->field->someCustomConfig())->toBe('value');
+});
+
+it('caches a property when getting its value', function () {
+    $handle = $this->field->handle();
+    $display = $this->field->display;
+    $custom = $this->field->someCustomConfig;
+
+    expect($handle)->toBe('name');
+    expect($display)->toBe('Name');
+    expect($custom)->toBe('value');
+
+    expect(invade($this->field)->properties)->toEqual(['handle' => 'name', 'display' => 'Name', 'some_custom_config' => 'value']);
+});
+
+it('can get an array of the field', function () {
+    $array = [
+        'handle' => invade($this->field)->field->handle(),
+        'config' => invade($this->field)->field->config(),
+        'properties' => $this->field->properties(),
+        'value' => $this->field->value(),
+    ];
+
+    expect($array)->toEqual($this->field->toArray());
 });

From 975eaa2787b7e2779785ef3f965c42db524f4833 Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Thu, 25 Jan 2024 19:11:38 +0000
Subject: [PATCH 159/209] Fix styling

---
 tests/Fields/FieldsTest.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/tests/Fields/FieldsTest.php b/tests/Fields/FieldsTest.php
index 7f4cd74b..b4aff2bf 100644
--- a/tests/Fields/FieldsTest.php
+++ b/tests/Fields/FieldsTest.php
@@ -1,10 +1,10 @@
 <?php
 
+use Aerni\LivewireForms\Exceptions\ReadOnlyPropertyException;
+use Aerni\LivewireForms\Fields\Text;
 use Livewire\Livewire;
 use Statamic\Facades\Blueprint;
-use Aerni\LivewireForms\Fields\Text;
 use Statamic\Facades\Form as StatamicForm;
-use Aerni\LivewireForms\Exceptions\ReadOnlyPropertyException;
 
 beforeEach(function () {
     Blueprint::makeFromFields([
@@ -97,7 +97,7 @@
 });
 
 it('throws an exception when trying to set a read-only property', function () {
-    expect(fn() => $this->field->id('foo'))->toThrow(ReadOnlyPropertyException::class);
+    expect(fn () => $this->field->id('foo'))->toThrow(ReadOnlyPropertyException::class);
 });
 
 it('gets properties from the field config', function () {

From 95f998a2ea93caa283727ec01d14c18016eba037 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 25 Jan 2024 16:17:48 -0500
Subject: [PATCH 160/209] Update README.md

---
 README.md | 91 +++++++++++++++++++------------------------------------
 1 file changed, 31 insertions(+), 60 deletions(-)

diff --git a/README.md b/README.md
index 8dbf80d1..03dba270 100644
--- a/README.md
+++ b/README.md
@@ -300,9 +300,9 @@ protected array $models = [
 
 >**Tip:** You may change the default bindings in `config/livewire-forms.php`. If you have a fieldtype that's not supported by this addon, simply create a new model and add the binding to the config.
 
-### Callbacks & Hooks
+### Hooks
 
-There are a couple of hooks that let you modify fields and data at various lifecycle steps.
+There are a couple of hooks that let you modify fields and submission data at various lifecycle steps.
 
 #### Mounted Fields
 
@@ -328,6 +328,35 @@ public function formSubmitted(Submission $submission): void
 }
 ```
 
+### Events
+
+This addon dispatches the following Events.
+
+#### Form Submitted
+
+The `form-submitted` Livewire and `FormSubmitted` Statamic event is dispatched right after the Form Submitted hook. You can listen to this event as follows.
+
+**Livewire**
+```js
+@script
+<script>
+    $wire.on('form-submitted', () => {
+        //
+    });
+</script>
+@endscript
+```
+
+**Statamic**
+`Statamic\Events\FormSubmitted`
+
+```php
+public function handle(FormSubmitted $event)
+{
+    $event->submission; // The Submission object
+}
+```
+
 ### Customization Example
 
 In the following example we want to dynamically generate the options of a select field based on the entries of a Statamic collection. We also want to change the view of the field because the design needs to be different to a regular select field. There are two ways to achieve our task. We can either create a `custom field model` or use the `hydratedFields` callback. Choose whichever route feels better to you.
@@ -552,64 +581,6 @@ This addon comes with a `Captcha` fieldtype that lets you add a `Google reCAPTCH
 
 >**Note:** Make sure to add your captcha key and secret in your `.env` file.
 
-## Events
-
-This addon dispatches the following Events. Learn more about [Statamic Events](https://statamic.dev/extending/events) and [Livewire Events](https://laravel-livewire.com/docs/2.x/events) events.
-
-### FormSubmitted
-
-Dispatched when a Form is submitted on the front-end before the Submission is created.
-
-#### Statamic
-
-`Statamic\Events\FormSubmitted`
-
-```php
-public function handle(FormSubmitted $event)
-{
-    $event->submission; // The Submission object
-}
-```
-
-#### Livewire
-
-`formSubmitted`
-
-```js
-// JavaScript Example
-
-Livewire.on('formSubmitted', () => {
-    ...
-})
-```
-
-### SubmissionCreated
-
-Dispatched after a form submission has been created. This happens after a form has been submitted on the front-end.
-
-#### Statamic
-
-`Statamic\Events\SubmissionCreated`
-
-```php
-public function handle(SubmissionCreated $event)
-{
-    $event->submission;
-}
-```
-
-#### Livewire
-
-`submissionCreated`
-
-```js
-// JavaScript Example
-
-Livewire.on('submissionCreated', () => {
-    ...
-})
-```
-
 ## License
 Livewire Forms is **commercial software** but has an open-source codebase. If you want to use it in production, you'll need to [buy a license from the Statamic Marketplace](https://statamic.com/addons/aerni/livewire-forms).
 >Livewire Forms is **NOT** free software.

From dd21816e7e383a0dc3533584224933eb39ed31c2 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 25 Jan 2024 19:32:40 -0500
Subject: [PATCH 161/209] Add more tests

---
 tests/PublishablesTest.php |  9 +++++++++
 tests/TestCase.php         | 22 +++++++++++++++++-----
 tests/ViewManagerTest.php  | 36 ++++++++++++++++++++++++++++++++++++
 3 files changed, 62 insertions(+), 5 deletions(-)
 create mode 100644 tests/PublishablesTest.php
 create mode 100644 tests/ViewManagerTest.php

diff --git a/tests/PublishablesTest.php b/tests/PublishablesTest.php
new file mode 100644
index 00000000..733220df
--- /dev/null
+++ b/tests/PublishablesTest.php
@@ -0,0 +1,9 @@
+<?php
+
+use Aerni\LivewireForms\Facades\ViewManager;
+
+it('publishes assets after install', function () {
+    Artisan::call('statamic:install');
+
+    expect(file_exists(public_path('vendor/livewire-forms/js/livewire-forms.js')))->toBeTrue();
+});
diff --git a/tests/TestCase.php b/tests/TestCase.php
index 387c9d8f..6688a773 100644
--- a/tests/TestCase.php
+++ b/tests/TestCase.php
@@ -2,11 +2,13 @@
 
 namespace Aerni\LivewireForms\Tests;
 
+use Statamic\Facades\File;
+use Statamic\Extend\Manifest;
+use Livewire\LivewireServiceProvider;
 use Aerni\LivewireForms\ServiceProvider;
 use Illuminate\Contracts\Config\Repository;
-use Livewire\LivewireServiceProvider;
+use Aerni\LivewireForms\Facades\ViewManager;
 use Orchestra\Testbench\TestCase as Orchestra;
-use Statamic\Extend\Manifest;
 use Statamic\Providers\StatamicServiceProvider;
 
 class TestCase extends Orchestra
@@ -33,9 +35,19 @@ protected function defineEnvironment($app)
 
         tap($app['config'], function (Repository $config) {
             $config->set('livewire-forms', require (__DIR__.'/../config/livewire-forms.php'));
-            $config->set('livewire-forms.view_path', '/');
-
-            $config->set('view.paths', [__DIR__.'/../resources/views']);
         });
+
+        $this->copyResources();
+    }
+
+    protected function copyResources(): void
+    {
+        if (! ViewManager::themeExists('default')) {
+            File::copyDirectory(__DIR__.'/../resources/views/default/', resource_path('views'.'/'.config('livewire-forms.view_path').'/default'));
+        }
+
+        if (! ViewManager::viewExists('default')) {
+            File::copy(__DIR__.'/../resources/views/default.blade.php', resource_path('views'.'/'.config('livewire-forms.view_path').'/default.blade.php'));
+        }
     }
 }
diff --git a/tests/ViewManagerTest.php b/tests/ViewManagerTest.php
new file mode 100644
index 00000000..21988fa8
--- /dev/null
+++ b/tests/ViewManagerTest.php
@@ -0,0 +1,36 @@
+<?php
+
+use Aerni\LivewireForms\Facades\ViewManager;
+
+it('can get the path of a view', function () {
+    config()->set('livewire-forms.view_path', 'my/custom/path');
+
+    expect(ViewManager::viewPath('view'))->toBe('my/custom/path/view');
+});
+
+it('can get the default view', function () {
+    config()->set('livewire-forms.view', 'custom');
+
+    expect(ViewManager::defaultView())->toBe('custom');
+});
+
+it('can get the default theme', function () {
+    config()->set('livewire-forms.theme', 'custom');
+
+    expect(ViewManager::defaultTheme())->toBe('custom');
+});
+
+it('can check if a view exists', function () {
+    expect(ViewManager::viewExists('default'))->toBeTrue();
+    expect(ViewManager::viewExists('nope'))->toBeFalse();
+});
+
+it('can check if a theme view exists', function () {
+    expect(ViewManager::themeViewExists('default', 'fields.default'))->toBeTrue();
+    expect(ViewManager::themeViewExists('default', 'fields.nope'))->toBeFalse();
+});
+
+// it('can check if a theme exists', function () {
+//     expect(ViewManager::themeExists('default'))->toBeTrue();
+//     expect(ViewManager::themeExists('nope'))->toBeFalse();
+// });

From 09f7b37a185bcb94b5aa407591130027e89f3ea9 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 27 Jan 2024 14:49:33 -0500
Subject: [PATCH 162/209] Deprecate showLabel property

---
 resources/views/default/messages/label.blade.php  |  2 +-
 resources/views/default/messages/legend.blade.php |  2 +-
 src/Fields/Concerns/WithDefaultProperties.php     |  2 --
 src/Fields/Properties/WithShowLabel.php           | 13 -------------
 4 files changed, 2 insertions(+), 17 deletions(-)
 delete mode 100644 src/Fields/Properties/WithShowLabel.php

diff --git a/resources/views/default/messages/label.blade.php b/resources/views/default/messages/label.blade.php
index a1c5b22e..510bda67 100644
--- a/resources/views/default/messages/label.blade.php
+++ b/resources/views/default/messages/label.blade.php
@@ -1,7 +1,7 @@
 <label
     for="{{ $field->id }}"
     id="{{ $field->id }}-label"
-    class="block text-sm font-medium text-gray-700 {{ ! $field->show_label ? 'sr-only' : '' }}"
+    class="block text-sm font-medium text-gray-700"
 >
     {{ $field->label }}
 </label>
diff --git a/resources/views/default/messages/legend.blade.php b/resources/views/default/messages/legend.blade.php
index 04ac0b91..1ae5736c 100644
--- a/resources/views/default/messages/legend.blade.php
+++ b/resources/views/default/messages/legend.blade.php
@@ -1,6 +1,6 @@
 <legend
     id="{{ $field->id }}-legend"
-    class="text-sm font-medium text-gray-700 {{ ! $field->show_label ? 'sr-only' : '' }}"
+    class="text-sm font-medium text-gray-700"
 >
     {{ $field->label }}
 </legend>
diff --git a/src/Fields/Concerns/WithDefaultProperties.php b/src/Fields/Concerns/WithDefaultProperties.php
index 71dcd71a..16e72e1b 100644
--- a/src/Fields/Concerns/WithDefaultProperties.php
+++ b/src/Fields/Concerns/WithDefaultProperties.php
@@ -12,7 +12,6 @@
 use Aerni\LivewireForms\Fields\Properties\WithKey;
 use Aerni\LivewireForms\Fields\Properties\WithLabel;
 use Aerni\LivewireForms\Fields\Properties\WithRules;
-use Aerni\LivewireForms\Fields\Properties\WithShowLabel;
 use Aerni\LivewireForms\Fields\Properties\WithView;
 use Aerni\LivewireForms\Fields\Properties\WithWidth;
 use Aerni\LivewireForms\Fields\Properties\WithWireModel;
@@ -29,7 +28,6 @@ trait WithDefaultProperties
     use WithKey;
     use WithLabel;
     use WithRules;
-    use WithShowLabel;
     use WithView;
     use WithWidth;
     use WithWireModel;
diff --git a/src/Fields/Properties/WithShowLabel.php b/src/Fields/Properties/WithShowLabel.php
deleted file mode 100644
index affd279c..00000000
--- a/src/Fields/Properties/WithShowLabel.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Fields\Properties;
-
-use Statamic\Support\Str;
-
-trait WithShowLabel
-{
-    protected function showLabelProperty(?bool $showLabel = null): bool
-    {
-        return $showLabel ?? Str::toBool($this->field->get('show_label', true));
-    }
-}

From 281301e0eef8c1d1055b3385d935066545d70578 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 7 Feb 2024 17:18:39 -0500
Subject: [PATCH 163/209] Ensure we can pass nested arrays

---
 src/BladeDirectives.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/BladeDirectives.php b/src/BladeDirectives.php
index b555255e..a8a91668 100644
--- a/src/BladeDirectives.php
+++ b/src/BladeDirectives.php
@@ -20,7 +20,7 @@ public static function captchaKey(): string
      */
     public static function formView(string $expression): string
     {
-        $variables = explode(', ', $expression);
+        $variables = explode(', ', $expression, 2);
 
         $view = $variables[0];
         $arguments = $variables[1] ?? '[]';

From 1e13d0eb6dac1220be83252cccfb89eee12006a4 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 8 Feb 2024 12:04:17 -0500
Subject: [PATCH 164/209] Add `max_items` validation rule to select field

---
 src/Fields/Select.php | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/Fields/Select.php b/src/Fields/Select.php
index dd252a72..5173d1be 100644
--- a/src/Fields/Select.php
+++ b/src/Fields/Select.php
@@ -42,4 +42,15 @@ protected function defaultProperty(mixed $default = null): string|array|null
         // Fall back to simply return the first option.
         return array_key_first($options);
     }
+
+    protected function rulesProperty(string|array|null $rules = null): array
+    {
+        $rules = array_first(parent::rulesProperty($rules));
+
+        if ($this->multiple && $this->max_items) {
+            $rules[] = "max:{$this->max_items}";
+        }
+
+        return [$this->key => $rules];
+    }
 }

From 002cd46a828276d722bedfad94f00a3120418a24 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 8 Feb 2024 12:04:33 -0500
Subject: [PATCH 165/209] Remove validation rules that would break the field

---
 src/Fields/Assets.php | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/Fields/Assets.php b/src/Fields/Assets.php
index 666d251f..3c99e98d 100644
--- a/src/Fields/Assets.php
+++ b/src/Fields/Assets.php
@@ -27,8 +27,11 @@ protected function rulesProperty(string|array|null $rules = null): array
             return $rules;
         }
 
+        /* Remove validation rules that would only work if multiple is enabled */
         $rules = collect(array_first($rules))
-            ->filter(fn ($rule) => ! in_array($rule, ['array', 'max:1']))
+            ->filter(fn ($rule) => $rule !== 'array')
+            ->filter(fn ($rule) => $rule !== "min:{$this->min_files}")
+            ->filter(fn ($rule) => $rule !== "max:{$this->max_files}")
             ->values()->all();
 
         return [$this->key => $rules];

From 97812a69dd5bbf256292cd9c82cc5cbef130622e Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 8 Feb 2024 12:05:05 -0500
Subject: [PATCH 166/209] Update styling of views and some new features

---
 .../views/default/fields/assets.blade.php     | 22 +++---
 .../views/default/fields/captcha.blade.php    | 12 ++-
 .../views/default/fields/checkboxes.blade.php | 21 +++--
 .../views/default/fields/default.blade.php    | 30 +++++---
 .../views/default/fields/radio.blade.php      | 21 +++--
 .../views/default/fields/select.blade.php     | 28 +++----
 .../views/default/fields/textarea.blade.php   | 37 +++++----
 .../views/default/fields/toggle.blade.php     | 76 +++++++------------
 .../views/default/messages/errors.blade.php   |  8 +-
 .../views/default/messages/legend.blade.php   |  2 +-
 .../views/default/messages/success.blade.php  |  6 +-
 11 files changed, 129 insertions(+), 134 deletions(-)

diff --git a/resources/views/default/fields/assets.blade.php b/resources/views/default/fields/assets.blade.php
index 7d0ab4bb..0452fe3d 100644
--- a/resources/views/default/fields/assets.blade.php
+++ b/resources/views/default/fields/assets.blade.php
@@ -1,7 +1,7 @@
 <div>
     @formView('messages.label')
 
-    @if($field->instructions_position == 'above')
+    @if($field->instructions && $field->instructions_position === 'above')
         @formView('messages.instructions')
     @endif
 </div>
@@ -11,32 +11,30 @@
     name="{{ $field->id }}"
     type="file"
 
+    @if($field->multiple)
+        multiple
+    @endif
+
     @if($field->wire_model)
         wire:model.{{ $field->wire_model }}="{{ $field->key }}"
     @else
         wire:model="{{ $field->key }}"
     @endif
 
-    @if($field->multiple)
-        multiple
-    @endif
-
     @if(! $errors->has($field->key))
         class="block w-full"
         @if($field->instructions)
             aria-describedby="{{ $field->id }}-instructions"
         @endif
     @else
-        class="block w-full text-red-800"
+        class="block w-full text-red-900"
         aria-invalid="true"
         aria-describedby="{{ $field->id }}-error"
     @endif
 />
 
-<div>
-    @if($field->instructions_position == 'below')
-        @formView('messages.instructions')
-    @endif
-
+@if($errors->has($field->key))
     @formView('messages.error')
-</div>
+@elseif($field->instructions && $field->instructions_position === 'below')
+    @formView('messages.instructions')
+@endif
diff --git a/resources/views/default/fields/captcha.blade.php b/resources/views/default/fields/captcha.blade.php
index fa9f6a2c..21064a9f 100644
--- a/resources/views/default/fields/captcha.blade.php
+++ b/resources/views/default/fields/captcha.blade.php
@@ -1,7 +1,7 @@
 <div>
     @formView('messages.label')
 
-    @if($field->instructions_position == 'above')
+    @if($field->instructions && $field->instructions_position === 'above')
         @formView('messages.instructions')
     @endif
 </div>
@@ -19,13 +19,11 @@ class="g-recaptcha"
     @endif
 ></div>
 
-<div>
-    @if($field->instructions_position == 'below')
-        @formView('messages.instructions')
-    @endif
-
+@if($errors->has($field->key))
     @formView('messages.error')
-</div>
+@elseif($field->instructions && $field->instructions_position === 'below')
+    @formView('messages.instructions')
+@endif
 
 @assets
     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
diff --git a/resources/views/default/fields/checkboxes.blade.php b/resources/views/default/fields/checkboxes.blade.php
index 686fadf0..760bc82b 100644
--- a/resources/views/default/fields/checkboxes.blade.php
+++ b/resources/views/default/fields/checkboxes.blade.php
@@ -2,14 +2,14 @@
     <div>
         @formView('messages.legend')
 
-        @if($field->instructions_position == 'above')
+        @if($field->instructions && $field->instructions_position === 'above')
             @formView('messages.instructions')
         @endif
     </div>
 
-    <div class="flex {{ $field->inline ? 'items-start space-x-6' : 'flex-col space-y-3' }}">
+    <div class="flex {{ $field->inline ? 'items-start gap-x-6' : 'flex-col gap-y-2' }}">
         @foreach($field->options as $option => $label)
-            <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start">
+            <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start gap-x-3">
                 <div class="flex items-center h-5">
                     <input
                         id="{{ $field->id }}-{{ $option }}"
@@ -35,10 +35,11 @@ class="w-4 h-4 text-indigo-600 border-red-300 rounded focus:ring-red-500"
                         @endif
                     />
                 </div>
-                <div class="ml-3 text-sm">
+
+                <div class="text-sm leading-5">
                     <label
                         for="{{ $field->id }}-{{ $option }}"
-                        class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-700' }}"
+                        class="font-medium {{ $errors->has($field->key) ? 'text-red-800' : 'text-gray-900' }}"
                     >
                         {{ $label }}
                     </label>
@@ -47,11 +48,9 @@ class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-70
         @endforeach
     </div>
 
-    <div>
-        @if($field->instructions_position == 'below')
-            @formView('messages.instructions')
-        @endif
-
+    @if($errors->has($field->key))
         @formView('messages.error')
-    </div>
+    @elseif($field->instructions && $field->instructions_position === 'below')
+        @formView('messages.instructions')
+    @endif
 </fieldset>
diff --git a/resources/views/default/fields/default.blade.php b/resources/views/default/fields/default.blade.php
index 36775c36..9e60453d 100644
--- a/resources/views/default/fields/default.blade.php
+++ b/resources/views/default/fields/default.blade.php
@@ -1,7 +1,7 @@
 <div>
     @formView('messages.label')
 
-    @if($field->instructions_position == 'above')
+    @if($field->instructions && $field->instructions_position === 'above')
         @formView('messages.instructions')
     @endif
 </div>
@@ -10,8 +10,18 @@
     id="{{ $field->id }}"
     name="{{ $field->id }}"
     type="{{ $field->input_type }}"
-    autocomplete="{{ $field->autocomplete }}"
-    placeholder="{{ $field->placeholder }}"
+
+    @if($field->placeholder)
+        placeholder="{{ $field->placeholder }}"
+    @endif
+
+    @if($field->autocomplete)
+        autocomplete="{{ $field->autocomplete }}"
+    @endif
+
+    @if($field->character_limit)
+        maxlength="{{ $field->character_limit }}"
+    @endif
 
     @if($field->wire_model)
         wire:model.{{ $field->wire_model }}="{{ $field->key }}"
@@ -20,21 +30,19 @@
     @endif
 
     @if(! $errors->has($field->key))
-        class="block w-full text-black placeholder-gray-300 border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+        class="block w-full text-gray-900 placeholder-gray-400 border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
         @if($field->instructions)
             aria-describedby="{{ $field->id }}-instructions"
         @endif
     @else
-        class="block w-full text-red-800 placeholder-red-300 border-red-300 rounded-md focus:ring-red-500 focus:border-red-500 sm:text-sm"
+        class="block w-full text-red-900 placeholder-red-400 border-red-300 rounded-md focus:ring-red-500 focus:border-red-500 sm:text-sm"
         aria-invalid="true"
         aria-describedby="{{ $field->id }}-error"
     @endif
 />
 
-<div>
-    @if($field->instructions_position == 'below')
-        @formView('messages.instructions')
-    @endif
-
+@if($errors->has($field->key))
     @formView('messages.error')
-</div>
+@elseif($field->instructions && $field->instructions_position === 'below')
+    @formView('messages.instructions')
+@endif
diff --git a/resources/views/default/fields/radio.blade.php b/resources/views/default/fields/radio.blade.php
index e21207f0..be1aae90 100644
--- a/resources/views/default/fields/radio.blade.php
+++ b/resources/views/default/fields/radio.blade.php
@@ -2,14 +2,14 @@
     <div>
         @formView('messages.legend')
 
-        @if($field->instructions_position == 'above')
+        @if($field->instructions && $field->instructions_position === 'above')
             @formView('messages.instructions')
         @endif
     </div>
 
-    <div class="flex {{ $field->inline ? 'items-start space-x-6' : 'flex-col space-y-3' }}">
+    <div class="flex {{ $field->inline ? 'items-start gap-x-6' : 'flex-col gap-y-2' }}">
         @foreach($field->options as $option => $label)
-            <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start">
+            <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start gap-x-3">
                 <div class="flex items-center h-5">
                     <input
                         id="{{ $field->id }}-{{ $option }}"
@@ -35,10 +35,11 @@ class="w-4 h-4 text-indigo-600 border-red-300 focus:ring-red-500"
                         @endif
                     />
                 </div>
-                <div class="ml-3 text-sm">
+
+                <div class="text-sm leading-5">
                     <label
                         for="{{ $field->id }}-{{ $option }}"
-                        class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-700' }}"
+                        class="font-medium {{ $errors->has($field->key) ? 'text-red-800' : 'text-gray-900' }}"
                     >
                         {{ $label }}
                     </label>
@@ -47,11 +48,9 @@ class="font-medium {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-70
         @endforeach
     </div>
 
-    <div>
-        @if($field->instructions_position == 'below')
-            @formView('messages.instructions')
-        @endif
-
+    @if($errors->has($field->key))
         @formView('messages.error')
-    </div>
+    @elseif($field->instructions && $field->instructions_position === 'below')
+        @formView('messages.instructions')
+    @endif
 </fieldset>
diff --git a/resources/views/default/fields/select.blade.php b/resources/views/default/fields/select.blade.php
index 1946fa11..c4a6c78d 100644
--- a/resources/views/default/fields/select.blade.php
+++ b/resources/views/default/fields/select.blade.php
@@ -1,7 +1,7 @@
 <div>
     @formView('messages.label')
 
-    @if($field->instructions_position == 'above')
+    @if($field->instructions && $field->instructions_position === 'above')
         @formView('messages.instructions')
     @endif
 </div>
@@ -10,23 +10,27 @@
     id="{{ $field->id }}"
     name="{{ $field->id }}"
 
-    @if($field->wire_model)
-        wire:model.{{ $field->wire_model }}="{{ $field->key }}"
-    @else
-        wire:model="{{ $field->key }}"
+    @if($field->autocomplete)
+        autocomplete="{{ $field->autocomplete }}"
     @endif
 
     @if($field->multiple)
         multiple
     @endif
 
+    @if($field->wire_model)
+        wire:model.{{ $field->wire_model }}="{{ $field->key }}"
+    @else
+        wire:model="{{ $field->key }}"
+    @endif
+
     @if(! $errors->has($field->key))
-        class="block w-full py-2 pl-3 pr-10 text-base text-black border-gray-300 rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+        class="block w-full py-2 pl-3 pr-10 text-base text-gray-900 border-gray-300 rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
         @if($field->instructions)
             aria-describedby="{{ $field->id }}-instructions"
         @endif
     @else
-        class="block w-full py-2 pl-3 pr-10 text-base text-red-800 border-red-300 rounded-md focus:outline-none focus:ring-red-500 focus:border-red-500 sm:text-sm"
+        class="block w-full py-2 pl-3 pr-10 text-base text-red-900 border-red-300 rounded-md focus:outline-none focus:ring-red-500 focus:border-red-500 sm:text-sm"
         aria-invalid="true"
         aria-describedby="{{ $field->id }}-error"
     @endif
@@ -44,10 +48,8 @@ class="block w-full py-2 pl-3 pr-10 text-base text-red-800 border-red-300 rounde
     @endforeach
 </select>
 
-<div>
-    @if($field->instructions_position == 'below')
-        @formView('messages.instructions')
-    @endif
-
+@if($errors->has($field->key))
     @formView('messages.error')
-</div>
+@elseif($field->instructions && $field->instructions_position === 'below')
+    @formView('messages.instructions')
+@endif
diff --git a/resources/views/default/fields/textarea.blade.php b/resources/views/default/fields/textarea.blade.php
index 32d43897..7f0de0ca 100644
--- a/resources/views/default/fields/textarea.blade.php
+++ b/resources/views/default/fields/textarea.blade.php
@@ -1,7 +1,7 @@
 <div>
     @formView('messages.label')
 
-    @if($field->instructions_position == 'above')
+    @if($field->instructions && $field->instructions_position === 'above')
         @formView('messages.instructions')
     @endif
 </div>
@@ -9,34 +9,43 @@
 <textarea
     id="{{ $field->id }}"
     name="{{ $field->id }}"
-    placeholder="{{ $field->placeholder }}"
 
-    @if($field->wire_model)
-        wire:model.{{ $field->wire_model }}="{{ $field->key }}"
-    @else
-        wire:model="{{ $field->key }}"
+    @if($field->placeholder)
+        placeholder="{{ $field->placeholder }}"
+    @endif
+
+    @if($field->autocomplete)
+        autocomplete="{{ $field->autocomplete }}"
+    @endif
+
+    @if($field->character_limit)
+        maxlength="{{ $field->character_limit }}"
     @endif
 
     @if($field->rows)
         rows="{{ $field->rows }}"
     @endif
 
+    @if($field->wire_model)
+        wire:model.{{ $field->wire_model }}="{{ $field->key }}"
+    @else
+        wire:model="{{ $field->key }}"
+    @endif
+
     @if(! $errors->has($field->key))
-        class="block w-full text-black placeholder-gray-300 border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+        class="block w-full text-gray-900 placeholder-gray-400 border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
         @if($field->instructions)
             aria-describedby="{{ $field->id }}-instructions"
         @endif
     @else
-        class="block w-full text-red-800 placeholder-red-300 border-red-300 rounded-md focus:ring-red-500 focus:border-red-500 sm:text-sm"
+        class="block w-full text-red-900 placeholder-red-400 border-red-300 rounded-md focus:ring-red-500 focus:border-red-500 sm:text-sm"
         aria-invalid="true"
         aria-describedby="{{ $field->id }}-error"
     @endif
 ></textarea>
 
-<div>
-    @if($field->instructions_position == 'below')
-        @formView('messages.instructions')
-    @endif
-
+@if($errors->has($field->key))
     @formView('messages.error')
-</div>
+@elseif($field->instructions && $field->instructions_position === 'below')
+    @formView('messages.instructions')
+@endif
diff --git a/resources/views/default/fields/toggle.blade.php b/resources/views/default/fields/toggle.blade.php
index f4351424..496cd901 100644
--- a/resources/views/default/fields/toggle.blade.php
+++ b/resources/views/default/fields/toggle.blade.php
@@ -1,52 +1,34 @@
-<fieldset class="space-y-3">
-    <div>
-        @formView('messages.legend')
+<div class="flex items-start gap-x-3">
+    <div class="flex items-center h-5">
+        <input
+            id="{{ $field->id }}"
+            name="{{ $field->id }}"
+            type="checkbox"
 
-        @if($field->instructions_position == 'above')
-            @formView('messages.instructions')
-        @endif
-    </div>
-
-    <div class="flex items-start">
-        <div class="flex items-center h-5">
-            <input
-                id="{{ $field->id }}"
-                name="{{ $field->id }}"
-                type="checkbox"
-
-                @if($field->wire_model)
-                    wire:model.{{ $field->wire_model }}="{{ $field->key }}"
-                @else
-                    wire:model="{{ $field->key }}"
-                @endif
+            @if($field->wire_model)
+                wire:model.{{ $field->wire_model }}="{{ $field->key }}"
+            @else
+                wire:model="{{ $field->key }}"
+            @endif
 
-                @if(! $errors->has($field->key))
-                    class="w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500"
-                    @if($field->instructions)
-                        aria-describedby="{{ $field->id }}-instructions"
-                    @endif
-                @else
-                    class="w-4 h-4 text-indigo-600 border-red-300 rounded focus:ring-red-500"
-                    aria-invalid="true"
-                    aria-describedby="{{ $field->id }}-error"
-                @endif
-            />
-        </div>
-        <div class="ml-3 text-sm">
-            <label
-                for="{{ $field->id }}"
-                class="font-medium [&_a]:text-indigo-500 [&_a]:hover:text-indigo-700 [&_a]:focus-within:outline-none [&_a]:focus-within:ring-2 [&_a]:focus-within:ring-indigo-500 [&_a]:focus-within:rounded-sm {{ $errors->has($field->key) ? 'text-red-700' : 'text-gray-700' }}"
-            >
-                {!! Statamic::modify($field->inline_label)->markdown() !!}
-            </label>
-        </div>
+            @if(! $errors->has($field->key))
+                class="w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500"
+            @else
+                class="w-4 h-4 text-indigo-600 border-red-300 rounded focus:ring-red-500"
+                aria-invalid="true"
+                aria-describedby="{{ $field->id }}-error"
+            @endif
+        />
     </div>
 
-    <div>
-        @if($field->instructions_position == 'below')
-            @formView('messages.instructions')
-        @endif
-
-        @formView('messages.error')
+    <div class="text-sm leading-5">
+        <label
+            for="{{ $field->id }}"
+            class="font-medium [&_a]:text-indigo-500 [&_a]:hover:text-indigo-700 [&_a]:focus-within:outline-none [&_a]:focus-within:ring-2 [&_a]:focus-within:ring-indigo-500 [&_a]:focus-within:rounded-sm {{ $errors->has($field->key) ? 'text-red-800' : 'text-gray-900' }}"
+        >
+            {!! Statamic::modify($field->inline_label)->markdown() !!}
+        </label>
     </div>
-</fieldset>
+</div>
+
+@formView('messages.error')
diff --git a/resources/views/default/messages/errors.blade.php b/resources/views/default/messages/errors.blade.php
index 887baca6..67a4c232 100644
--- a/resources/views/default/messages/errors.blade.php
+++ b/resources/views/default/messages/errors.blade.php
@@ -1,17 +1,17 @@
 @if($errors->any())
 
-    <div class="flex p-4 rounded-md bg-red-50">
+    <div class="flex p-4 border-2 border-red-500 rounded-md bg-red-50">
         <div class="flex-shrink-0">
-            <svg class="w-5 h-5 text-red-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+            <svg class="w-6 h-6 text-red-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
             </svg>
         </div>
         <div class="ml-3">
-            <h3 class="text-sm font-medium text-red-700">
+            <h3 class="text-base font-medium text-red-800">
                 {{ $this->errorMessage() }}
             </h3>
             <div class="mt-2 text-sm text-red-600">
-                <ul class="pl-5 space-y-1 list-disc">
+                <ul class="pl-4 space-y-1 list-disc">
                     @foreach($errors->all() as $error)
                         <li wire:key="error-{{ Str::slug($error) }}">{{ $error }}</li>
                     @endforeach
diff --git a/resources/views/default/messages/legend.blade.php b/resources/views/default/messages/legend.blade.php
index 1ae5736c..3f1e1b42 100644
--- a/resources/views/default/messages/legend.blade.php
+++ b/resources/views/default/messages/legend.blade.php
@@ -1,6 +1,6 @@
 <legend
     id="{{ $field->id }}-legend"
-    class="text-sm font-medium text-gray-700"
+    class="text-sm font-medium text-gray-900"
 >
     {{ $field->label }}
 </legend>
diff --git a/resources/views/default/messages/success.blade.php b/resources/views/default/messages/success.blade.php
index 0287852e..8701adb2 100644
--- a/resources/views/default/messages/success.blade.php
+++ b/resources/views/default/messages/success.blade.php
@@ -1,13 +1,13 @@
 @if(session()->has('success'))
 
-    <div class="flex p-4 rounded-md bg-green-50">
+    <div class="flex p-4 border-2 border-green-500 rounded-md bg-green-50">
         <div class="flex-shrink-0">
-            <svg class="w-5 h-5 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+            <svg class="w-6 h-6 text-green-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
             </svg>
         </div>
         <div class="ml-3">
-            <h3 class="text-sm font-medium text-green-800">
+            <h3 class="text-base font-medium text-green-900">
                 {{ session('success') }}
             </h3>
         </div>

From 5207239cf48fe6462907d3be0ccca6e97e7cdad8 Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Thu, 8 Feb 2024 17:05:37 +0000
Subject: [PATCH 167/209] Fix styling

---
 tests/PublishablesTest.php | 2 --
 tests/TestCase.php         | 8 ++++----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/tests/PublishablesTest.php b/tests/PublishablesTest.php
index 733220df..27c66350 100644
--- a/tests/PublishablesTest.php
+++ b/tests/PublishablesTest.php
@@ -1,7 +1,5 @@
 <?php
 
-use Aerni\LivewireForms\Facades\ViewManager;
-
 it('publishes assets after install', function () {
     Artisan::call('statamic:install');
 
diff --git a/tests/TestCase.php b/tests/TestCase.php
index 6688a773..f7e6caac 100644
--- a/tests/TestCase.php
+++ b/tests/TestCase.php
@@ -2,13 +2,13 @@
 
 namespace Aerni\LivewireForms\Tests;
 
-use Statamic\Facades\File;
-use Statamic\Extend\Manifest;
-use Livewire\LivewireServiceProvider;
+use Aerni\LivewireForms\Facades\ViewManager;
 use Aerni\LivewireForms\ServiceProvider;
 use Illuminate\Contracts\Config\Repository;
-use Aerni\LivewireForms\Facades\ViewManager;
+use Livewire\LivewireServiceProvider;
 use Orchestra\Testbench\TestCase as Orchestra;
+use Statamic\Extend\Manifest;
+use Statamic\Facades\File;
 use Statamic\Providers\StatamicServiceProvider;
 
 class TestCase extends Orchestra

From 5cfd8508efbee07a50426de2345a8ebda7ce0ace Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 4 Mar 2024 14:11:46 -0500
Subject: [PATCH 168/209] Delete file after test

---
 tests/PublishablesTest.php | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/tests/PublishablesTest.php b/tests/PublishablesTest.php
index 27c66350..f50b35ab 100644
--- a/tests/PublishablesTest.php
+++ b/tests/PublishablesTest.php
@@ -1,7 +1,12 @@
 <?php
 
+use Illuminate\Support\Facades\Artisan;
+use Illuminate\Support\Facades\File;
+
 it('publishes assets after install', function () {
     Artisan::call('statamic:install');
 
     expect(file_exists(public_path('vendor/livewire-forms/js/livewire-forms.js')))->toBeTrue();
+
+    File::delete(public_path('vendor/livewire-forms/js/livewire-forms.js'));
 });

From 7b8eefab2c43a0aa14b25f69abaf53f8a676538d Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 4 Mar 2024 14:15:48 -0500
Subject: [PATCH 169/209] Statamic already boots the addon translations

---
 src/ServiceProvider.php | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/src/ServiceProvider.php b/src/ServiceProvider.php
index f0daa28f..6b09708a 100644
--- a/src/ServiceProvider.php
+++ b/src/ServiceProvider.php
@@ -31,20 +31,12 @@ class ServiceProvider extends AddonServiceProvider
     public function bootAddon()
     {
         $this
-            ->registerTranslations()
             ->registerBladeDirectives()
             ->registerValidators()
             ->registerLivewire()
             ->registerSelectableFieldtypes();
     }
 
-    protected function registerTranslations(): self
-    {
-        $this->loadTranslationsFrom(__DIR__.'/../resources/lang', 'livewire-forms');
-
-        return $this;
-    }
-
     protected function registerBladeDirectives(): self
     {
         foreach (get_class_methods(BladeDirectives::class) as $method) {

From 6cb5838bc0212e73d212b7c7792e69f58fb87625 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 4 Mar 2024 14:16:10 -0500
Subject: [PATCH 170/209] Rename methods

---
 src/ServiceProvider.php | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/ServiceProvider.php b/src/ServiceProvider.php
index 6b09708a..b9d103b6 100644
--- a/src/ServiceProvider.php
+++ b/src/ServiceProvider.php
@@ -31,13 +31,13 @@ class ServiceProvider extends AddonServiceProvider
     public function bootAddon()
     {
         $this
-            ->registerBladeDirectives()
-            ->registerValidators()
-            ->registerLivewire()
-            ->registerSelectableFieldtypes();
+            ->bootBladeDirectives()
+            ->bootValidators()
+            ->bootLivewire()
+            ->bootSelectableFieldtypes();
     }
 
-    protected function registerBladeDirectives(): self
+    protected function bootBladeDirectives(): self
     {
         foreach (get_class_methods(BladeDirectives::class) as $method) {
             Blade::directive($method, [BladeDirectives::class, $method]);
@@ -46,7 +46,7 @@ protected function registerBladeDirectives(): self
         return $this;
     }
 
-    protected function registerValidators(): self
+    protected function bootValidators(): self
     {
         Validator::extend('captcha', function ($attribute, $value) {
             return Captcha::verifyResponse($value, request()->getClientIp());
@@ -55,7 +55,7 @@ protected function registerValidators(): self
         return $this;
     }
 
-    protected function registerLivewire(): self
+    protected function bootLivewire(): self
     {
         Livewire::component('form', DynamicForm::class);
         Livewire::component('default-form', Form::class);
@@ -64,7 +64,7 @@ protected function registerLivewire(): self
         return $this;
     }
 
-    protected function registerSelectableFieldtypes(): self
+    protected function bootSelectableFieldtypes(): self
     {
         \Statamic\Fieldtypes\Hidden::makeSelectableInForms();
 

From ce0eac2540a9e695e11fc1d26eb9f3bf79de1d20 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 4 Mar 2024 19:05:14 -0500
Subject: [PATCH 171/209] Refactor so that we can get section by handle
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This ensures that we don’t have to pass a huge fields object from the template into the showSection method.
---
 resources/dist/js/livewire-forms.js           |  2 +-
 resources/js/form.js                          | 23 +++++++++++++++----
 .../views/default/layouts/section.blade.php   |  2 +-
 src/Fields/Field.php                          | 16 ++++++++++---
 4 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/resources/dist/js/livewire-forms.js b/resources/dist/js/livewire-forms.js
index 412af1b7..0c732fe2 100644
--- a/resources/dist/js/livewire-forms.js
+++ b/resources/dist/js/livewire-forms.js
@@ -43,4 +43,4 @@ ${e}</tr>
 `}tablecell(e,t){const n=t.header?"th":"td";return(t.align?`<${n} align="${t.align}">`:`<${n}>`)+e+`</${n}>
 `}strong(e){return`<strong>${e}</strong>`}em(e){return`<em>${e}</em>`}codespan(e){return`<code>${e}</code>`}br(){return this.options.xhtml?"<br/>":"<br>"}del(e){return`<del>${e}</del>`}link(e,t,n){if(e=cleanUrl(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let s='<a href="'+e+'"';return t&&(s+=' title="'+t+'"'),s+=">"+n+"</a>",s}image(e,t,n){if(e=cleanUrl(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let s=`<img src="${e}" alt="${n}"`;return t&&(s+=` title="${t}"`),s+=this.options.xhtml?"/>":">",s}text(e){return e}}class TextRenderer{strong(e){return e}em(e){return e}codespan(e){return e}del(e){return e}html(e){return e}text(e){return e}link(e,t,n){return""+n}image(e,t,n){return""+n}br(){return""}}class Slugger{constructor(){this.seen={}}serialize(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/ig,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")}getNextSafeSlug(e,t){let n=e,s=0;if(this.seen.hasOwnProperty(n)){s=this.seen[e];do s++,n=e+"-"+s;while(this.seen.hasOwnProperty(n))}return t||(this.seen[e]=s,this.seen[n]=0),n}slug(e,t={}){const n=this.serialize(e);return this.getNextSafeSlug(n,t.dryrun)}}class Parser{constructor(e){this.options=e||defaults,this.options.renderer=this.options.renderer||new Renderer,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new TextRenderer,this.slugger=new Slugger}static parse(e,t){return new Parser(t).parse(e)}static parseInline(e,t){return new Parser(t).parseInline(e)}parse(e,t=!0){let n="",s,l,o,a,c,p,h,f,g,u,x,k,S,d,m,v,y,b,w;const $=e.length;for(s=0;s<$;s++){if(u=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[u.type]&&(w=this.options.extensions.renderers[u.type].call({parser:this},u),w!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(u.type))){n+=w||"";continue}switch(u.type){case"space":continue;case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(u.tokens),u.depth,unescape(this.parseInline(u.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(u.text,u.lang,u.escaped);continue}case"table":{for(f="",h="",a=u.header.length,l=0;l<a;l++)h+=this.renderer.tablecell(this.parseInline(u.header[l].tokens),{header:!0,align:u.align[l]});for(f+=this.renderer.tablerow(h),g="",a=u.rows.length,l=0;l<a;l++){for(p=u.rows[l],h="",c=p.length,o=0;o<c;o++)h+=this.renderer.tablecell(this.parseInline(p[o].tokens),{header:!1,align:u.align[o]});g+=this.renderer.tablerow(h)}n+=this.renderer.table(f,g);continue}case"blockquote":{g=this.parse(u.tokens),n+=this.renderer.blockquote(g);continue}case"list":{for(x=u.ordered,k=u.start,S=u.loose,a=u.items.length,g="",l=0;l<a;l++)m=u.items[l],v=m.checked,y=m.task,d="",m.task&&(b=this.renderer.checkbox(v),S?m.tokens.length>0&&m.tokens[0].type==="paragraph"?(m.tokens[0].text=b+" "+m.tokens[0].text,m.tokens[0].tokens&&m.tokens[0].tokens.length>0&&m.tokens[0].tokens[0].type==="text"&&(m.tokens[0].tokens[0].text=b+" "+m.tokens[0].tokens[0].text)):m.tokens.unshift({type:"text",text:b}):d+=b),d+=this.parse(m.tokens,S),g+=this.renderer.listitem(d,y,v);n+=this.renderer.list(g,x,k);continue}case"html":{n+=this.renderer.html(u.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(u.tokens));continue}case"text":{for(g=u.tokens?this.parseInline(u.tokens):u.text;s+1<$&&e[s+1].type==="text";)u=e[++s],g+=`
 `+(u.tokens?this.parseInline(u.tokens):u.text);n+=t?this.renderer.paragraph(g):g;continue}default:{const A='Token with "'+u.type+'" type was not found.';if(this.options.silent){console.error(A);return}else throw new Error(A)}}}return n}parseInline(e,t){t=t||this.renderer;let n="",s,l,o;const a=e.length;for(s=0;s<a;s++){if(l=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[l.type]&&(o=this.options.extensions.renderers[l.type].call({parser:this},l),o!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(l.type))){n+=o||"";continue}switch(l.type){case"escape":{n+=t.text(l.text);break}case"html":{n+=t.html(l.text);break}case"link":{n+=t.link(l.href,l.title,this.parseInline(l.tokens,t));break}case"image":{n+=t.image(l.href,l.title,l.text);break}case"strong":{n+=t.strong(this.parseInline(l.tokens,t));break}case"em":{n+=t.em(this.parseInline(l.tokens,t));break}case"codespan":{n+=t.codespan(l.text);break}case"br":{n+=t.br();break}case"del":{n+=t.del(this.parseInline(l.tokens,t));break}case"text":{n+=t.text(l.text);break}default:{const c='Token with "'+l.type+'" type was not found.';if(this.options.silent){console.error(c);return}else throw new Error(c)}}}return n}}class Hooks{constructor(e){this.options=e||defaults}preprocess(e){return e}postprocess(e){return e}}R(Hooks,"passThroughHooks",new Set(["preprocess","postprocess"]));function onError(r,e,t){return n=>{if(n.message+=`
-Please report this to https://github.com/markedjs/marked.`,r){const s="<p>An error occurred:</p><pre>"+escape(n.message+"",!0)+"</pre>";if(e)return Promise.resolve(s);if(t){t(null,s);return}return s}if(e)return Promise.reject(n);if(t){t(n);return}throw n}}function parseMarkdown(r,e){return(t,n,s)=>{typeof n=="function"&&(s=n,n=null);const l={...n};n={...marked.defaults,...l};const o=onError(n.silent,n.async,s);if(typeof t>"u"||t===null)return o(new Error("marked(): input parameter is undefined or null"));if(typeof t!="string")return o(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(t)+", string expected"));if(checkSanitizeDeprecation(n),n.hooks&&(n.hooks.options=n),s){const a=n.highlight;let c;try{n.hooks&&(t=n.hooks.preprocess(t)),c=r(t,n)}catch(f){return o(f)}const p=function(f){let g;if(!f)try{n.walkTokens&&marked.walkTokens(c,n.walkTokens),g=e(c,n),n.hooks&&(g=n.hooks.postprocess(g))}catch(u){f=u}return n.highlight=a,f?o(f):s(null,g)};if(!a||a.length<3||(delete n.highlight,!c.length))return p();let h=0;marked.walkTokens(c,function(f){f.type==="code"&&(h++,setTimeout(()=>{a(f.text,f.lang,function(g,u){if(g)return p(g);u!=null&&u!==f.text&&(f.text=u,f.escaped=!0),h--,h===0&&p()})},0))}),h===0&&p();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(t):t).then(a=>r(a,n)).then(a=>n.walkTokens?Promise.all(marked.walkTokens(a,n.walkTokens)).then(()=>a):a).then(a=>e(a,n)).then(a=>n.hooks?n.hooks.postprocess(a):a).catch(o);try{n.hooks&&(t=n.hooks.preprocess(t));const a=r(t,n);n.walkTokens&&marked.walkTokens(a,n.walkTokens);let c=e(a,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(a){return o(a)}}}function marked(r,e,t){return parseMarkdown(Lexer.lex,Parser.parse)(r,e,t)}marked.options=marked.setOptions=function(r){return marked.defaults={...marked.defaults,...r},changeDefaults(marked.defaults),marked},marked.getDefaults=getDefaults,marked.defaults=defaults,marked.use=function(...r){const e=marked.defaults.extensions||{renderers:{},childTokens:{}};r.forEach(t=>{const n={...t};if(n.async=marked.defaults.async||n.async||!1,t.extensions&&(t.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if(s.renderer){const l=e.renderers[s.name];l?e.renderers[s.name]=function(...o){let a=s.renderer.apply(this,o);return a===!1&&(a=l.apply(this,o)),a}:e.renderers[s.name]=s.renderer}if(s.tokenizer){if(!s.level||s.level!=="block"&&s.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");e[s.level]?e[s.level].unshift(s.tokenizer):e[s.level]=[s.tokenizer],s.start&&(s.level==="block"?e.startBlock?e.startBlock.push(s.start):e.startBlock=[s.start]:s.level==="inline"&&(e.startInline?e.startInline.push(s.start):e.startInline=[s.start]))}s.childTokens&&(e.childTokens[s.name]=s.childTokens)}),n.extensions=e),t.renderer){const s=marked.defaults.renderer||new Renderer;for(const l in t.renderer){const o=s[l];s[l]=(...a)=>{let c=t.renderer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.renderer=s}if(t.tokenizer){const s=marked.defaults.tokenizer||new Tokenizer;for(const l in t.tokenizer){const o=s[l];s[l]=(...a)=>{let c=t.tokenizer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.tokenizer=s}if(t.hooks){const s=marked.defaults.hooks||new Hooks;for(const l in t.hooks){const o=s[l];Hooks.passThroughHooks.has(l)?s[l]=a=>{if(marked.defaults.async)return Promise.resolve(t.hooks[l].call(s,a)).then(p=>o.call(s,p));const c=t.hooks[l].call(s,a);return o.call(s,c)}:s[l]=(...a)=>{let c=t.hooks[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.hooks=s}if(t.walkTokens){const s=marked.defaults.walkTokens;n.walkTokens=function(l){let o=[];return o.push(t.walkTokens.call(this,l)),s&&(o=o.concat(s.call(this,l))),o}}marked.setOptions(n)})},marked.walkTokens=function(r,e){let t=[];for(const n of r)switch(t=t.concat(e.call(marked,n)),n.type){case"table":{for(const s of n.header)t=t.concat(marked.walkTokens(s.tokens,e));for(const s of n.rows)for(const l of s)t=t.concat(marked.walkTokens(l.tokens,e));break}case"list":{t=t.concat(marked.walkTokens(n.items,e));break}default:marked.defaults.extensions&&marked.defaults.extensions.childTokens&&marked.defaults.extensions.childTokens[n.type]?marked.defaults.extensions.childTokens[n.type].forEach(function(s){t=t.concat(marked.walkTokens(n[s],e))}):n.tokens&&(t=t.concat(marked.walkTokens(n.tokens,e)))}return t},marked.parseInline=parseMarkdown(Lexer.lexInline,Parser.parseInline),marked.Parser=Parser,marked.parser=Parser.parse,marked.Renderer=Renderer,marked.TextRenderer=TextRenderer,marked.Lexer=Lexer,marked.lexer=Lexer.lex,marked.Tokenizer=Tokenizer,marked.Slugger=Slugger,marked.Hooks=Hooks,marked.parse=marked,marked.options,marked.setOptions,marked.use,marked.walkTokens,marked.parseInline,Parser.parse,Lexer.lex;function getAugmentedNamespace(r){if(r.__esModule)return r;var e=r.default;if(typeof e=="function"){var t=function n(){return this instanceof n?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};t.prototype=e.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(r).forEach(function(n){var s=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:function(){return r[n]}})}),t}function commonjsRequire(r){throw new Error('Could not dynamically require "'+r+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var uniqid={exports:{}};const __viteBrowserExternal={},__viteBrowserExternal$1=Object.freeze(Object.defineProperty({__proto__:null,default:__viteBrowserExternal},Symbol.toStringTag,{value:"Module"})),require$$0=getAugmentedNamespace(__viteBrowserExternal$1);var pid=typeof process<"u"&&process.pid?process.pid.toString(36):"",address="";if(typeof __webpack_require__!="function"&&typeof commonjsRequire<"u"){var mac="",os=require$$0;if(os.networkInterfaces)var networkInterfaces=os.networkInterfaces();if(networkInterfaces){e:for(let r in networkInterfaces){const e=networkInterfaces[r],t=e.length;for(var i=0;i<t;i++)if(e[i]!==void 0&&e[i].mac&&e[i].mac!="00:00:00:00:00:00"){mac=e[i].mac;break e}}address=mac?parseInt(mac.replace(/\:|\D+/gi,"")).toString(36):""}}uniqid.exports=uniqid.exports.default=function(r,e){return(r||"")+address+pid+now().toString(36)+(e||"")},uniqid.exports.process=function(r,e){return(r||"")+pid+now().toString(36)+(e||"")},uniqid.exports.time=function(r,e){return(r||"")+now().toString(36)+(e||"")};function now(){var r=Date.now(),e=now.last||r;return now.last=r>e?r:e+1}function data_get(r,e,t=null){var n=Array.isArray(e)?e:e.split("."),s=n.reduce((l,o)=>l&&l[o],r);return s!==void 0?s:t}const isString=tagTester("String");var isArguments=tagTester("Arguments");(function(){isArguments(arguments)||(isArguments=function(r){return has(r,"callee")})})();const isArguments$1=isArguments;function isEmpty(r){if(r==null)return!0;var e=getLength(r);return typeof e=="number"&&(isArray(r)||isString(r)||isArguments$1(r))?e===0:getLength(keys(r))===0}function values(r){for(var e=keys(r),t=e.length,n=Array(t),s=0;s<t;s++)n[s]=r[e[s]];return n}function sortedIndex(r,e,t,n){t=cb(t,n,1);for(var s=t(e),l=0,o=getLength(r);l<o;){var a=Math.floor((l+o)/2);t(r[a])<s?l=a+1:o=a}return l}function createPredicateIndexFinder(r){return function(e,t,n){t=cb(t,n);for(var s=getLength(e),l=r>0?0:s-1;l>=0&&l<s;l+=r)if(t(e[l],l,e))return l;return-1}}const findIndex=createPredicateIndexFinder(1),isNumber=tagTester("Number");function isNaN$1(r){return isNumber(r)&&_isNaN(r)}function createIndexFinder(r,e,t){return function(n,s,l){var o=0,a=getLength(n);if(typeof l=="number")r>0?o=l>=0?l:Math.max(l+a,o):a=l>=0?Math.min(l+1,a):l+a+1;else if(t&&l&&a)return l=t(n,s),n[l]===s?l:-1;if(s!==s)return l=e(slice.call(n,o,a),isNaN$1),l>=0?l+o:-1;for(l=r>0?o:a-1;l>=0&&l<a;l+=r)if(n[l]===s)return l;return-1}}const indexOf=createIndexFinder(1,findIndex,sortedIndex);function contains(r,e,t,n){return isArrayLike(r)||(r=values(r)),(typeof t!="number"||n)&&(t=0),indexOf(r,e,t)>=0}function intersection(r){for(var e=[],t=arguments.length,n=0,s=getLength(r);n<s;n++){var l=r[n];if(!contains(e,l)){var o;for(o=1;o<t&&contains(arguments[o],l);o++);o===t&&e.push(l)}}return e}function negate(r){return function(){return!r.apply(this,arguments)}}function reject(r,e,t){return filter(r,negate(cb(e)),t)}function initial(r,e,t){return slice.call(r,0,Math.max(0,r.length-(e==null||t?1:e)))}function first(r,e,t){return r==null||r.length<1?e==null||t?void 0:[]:e==null||t?r[0]:initial(r,r.length-e)}mixin({chain,map,each,filter,reject,first,isEmpty});const NUMBER_SPECIFIC_COMPARISONS=[">",">=","<","<="];class Validator{constructor(r,e,t,n){this.field=r,this.values=e,this.rootValues=t?t.state.publish[n].values:!1,this.store=t,this.storeName=n,this.passOnAny=!1,this.showOnPass=!0,this.converter=new Converter}passesConditions(r){let e=r||this.getConditions();if(e===void 0)return!0;if(this.isCustomConditionWithoutTarget(e))return this.passesCustomCondition(this.prepareCondition(e));let t=this.passOnAny?this.passesAnyConditions(e):this.passesAllConditions(e);return this.showOnPass?t:!t}getConditions(){let r=chain(KEYS).filter(t=>this.field[t]).first().value();if(!r)return;r.includes("any")&&(this.passOnAny=!0),(r.includes("unless")||r.includes("hide_when"))&&(this.showOnPass=!1);let e=this.field[r];return this.isCustomConditionWithoutTarget(e)?e:this.converter.fromBlueprint(e,this.field.prefix)}isCustomConditionWithoutTarget(r){return isString(r)}passesAllConditions(r){return chain(r).map(e=>this.prepareCondition(e)).reject(e=>this.passesCondition(e)).isEmpty().value()}passesAnyConditions(r){return!chain(r).map(e=>this.prepareCondition(e)).filter(e=>this.passesCondition(e)).isEmpty().value()}prepareCondition(r){if(isString(r)||r.operator==="custom")return this.prepareCustomCondition(r);let e=this.prepareOperator(r.operator),t=this.prepareLhs(r.field,e),n=this.prepareRhs(r.value,e);return{lhs:t,operator:e,rhs:n}}prepareOperator(r){switch(r){case null:case"":case"is":case"equals":return"==";case"isnt":case"not":case"¯\\_(ツ)_/¯":return"!=";case"includes":case"contains":return"includes";case"includes_any":case"contains_any":return"includes_any"}return r}prepareLhs(r,e){let t=this.getFieldValue(r);return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(t):e==="includes"&&!isObject(t)?t?t.toString():"":(isString(t)&&isEmpty(t)&&(t=null),isString(t)?JSON.stringify(t.trim()):t)}prepareRhs(r,e){switch(r){case"null":return null;case"true":return!0;case"false":return!1}return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(r):r==="empty"||e==="includes"||e==="includes_any"?r:isString(r)?JSON.stringify(r.trim()):r}prepareCustomCondition(r){let e=this.prepareFunctionName(r.value||r),t=this.prepareParams(r.value||r),n=r.field?this.getFieldValue(r.field):null;return{functionName:e,params:t,target:n}}prepareFunctionName(r){return r.replace(new RegExp("^custom "),"").split(":")[0]}prepareParams(r){let e=r.split(":")[1];return e?e.split(",").map(t=>t.trim()):[]}getFieldValue(r){return r.startsWith("root.")?data_get(this.rootValues,r.replace(new RegExp("^root."),"")):data_get(this.values,r)}passesCondition(condition){return condition.functionName?this.passesCustomCondition(condition):condition.operator==="includes"?this.passesIncludesCondition(condition):condition.operator==="includes_any"?this.passesIncludesAnyCondition(condition):(condition.rhs==="empty"&&(condition.lhs=isEmpty(condition.lhs),condition.rhs=!0),isObject(condition.lhs)?!1:eval(`${condition.lhs} ${condition.operator} ${condition.rhs}`))}passesIncludesCondition(r){return r.lhs.includes(r.rhs)}passesIncludesAnyCondition(r){let e=r.rhs.split(",").map(t=>t.trim());return Array.isArray(r.lhs)?intersection(r.lhs,e).length:new RegExp(e.join("|")).test(r.lhs)}passesCustomCondition(r){let e=data_get(this.store.state.statamic.conditions,r.functionName);if(typeof e!="function")return console.error(`Statamic field condition [${r.functionName}] was not properly defined.`),!1;let t=e({params:r.params,target:r.target,values:this.values,root:this.rootValues,store:this.store,storeName:this.storeName});return this.showOnPass?t:!t}passesNonRevealerConditions(r){let e=this.getConditions();if(this.isCustomConditionWithoutTarget(e))return this.passesConditions(e);let t=data_get(this.store.state.publish[this.storeName],"revealerFields",[]),n=chain(this.getConditions()).reject(s=>t.includes(this.relativeLhsToAbsoluteFieldPath(s.field,r))).value();return this.passesConditions(n)}relativeLhsToAbsoluteFieldPath(r,e){return e?r.startsWith("root.")?r.replace(/^root\./,""):e+"."+r:r}}class FieldConditions{showField(e,t){return new Validator(e,t).passesConditions()}}const form=()=>({fields:{},conditions:new FieldConditions,processFields(r){const e=Object.entries(r).reduce((t,[n,s])=>(t[n]=s.value,t),{});this.fields=Object.entries(r).reduce((t,[n,s])=>{const l=this.conditions.showField(s.properties.conditions,e);return t[n]={visible:l&&!s.properties.hidden,submittable:s.properties.always_save||l},this.$wire.submittableFields[n]=t[n].submittable,t},{})},showField(r){return this.fields[r].visible},showSection(r){return Object.entries(r).some(([e])=>this.fields[e].visible)}});Alpine.data("form",form)});
+Please report this to https://github.com/markedjs/marked.`,r){const s="<p>An error occurred:</p><pre>"+escape(n.message+"",!0)+"</pre>";if(e)return Promise.resolve(s);if(t){t(null,s);return}return s}if(e)return Promise.reject(n);if(t){t(n);return}throw n}}function parseMarkdown(r,e){return(t,n,s)=>{typeof n=="function"&&(s=n,n=null);const l={...n};n={...marked.defaults,...l};const o=onError(n.silent,n.async,s);if(typeof t>"u"||t===null)return o(new Error("marked(): input parameter is undefined or null"));if(typeof t!="string")return o(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(t)+", string expected"));if(checkSanitizeDeprecation(n),n.hooks&&(n.hooks.options=n),s){const a=n.highlight;let c;try{n.hooks&&(t=n.hooks.preprocess(t)),c=r(t,n)}catch(f){return o(f)}const p=function(f){let g;if(!f)try{n.walkTokens&&marked.walkTokens(c,n.walkTokens),g=e(c,n),n.hooks&&(g=n.hooks.postprocess(g))}catch(u){f=u}return n.highlight=a,f?o(f):s(null,g)};if(!a||a.length<3||(delete n.highlight,!c.length))return p();let h=0;marked.walkTokens(c,function(f){f.type==="code"&&(h++,setTimeout(()=>{a(f.text,f.lang,function(g,u){if(g)return p(g);u!=null&&u!==f.text&&(f.text=u,f.escaped=!0),h--,h===0&&p()})},0))}),h===0&&p();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(t):t).then(a=>r(a,n)).then(a=>n.walkTokens?Promise.all(marked.walkTokens(a,n.walkTokens)).then(()=>a):a).then(a=>e(a,n)).then(a=>n.hooks?n.hooks.postprocess(a):a).catch(o);try{n.hooks&&(t=n.hooks.preprocess(t));const a=r(t,n);n.walkTokens&&marked.walkTokens(a,n.walkTokens);let c=e(a,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(a){return o(a)}}}function marked(r,e,t){return parseMarkdown(Lexer.lex,Parser.parse)(r,e,t)}marked.options=marked.setOptions=function(r){return marked.defaults={...marked.defaults,...r},changeDefaults(marked.defaults),marked},marked.getDefaults=getDefaults,marked.defaults=defaults,marked.use=function(...r){const e=marked.defaults.extensions||{renderers:{},childTokens:{}};r.forEach(t=>{const n={...t};if(n.async=marked.defaults.async||n.async||!1,t.extensions&&(t.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if(s.renderer){const l=e.renderers[s.name];l?e.renderers[s.name]=function(...o){let a=s.renderer.apply(this,o);return a===!1&&(a=l.apply(this,o)),a}:e.renderers[s.name]=s.renderer}if(s.tokenizer){if(!s.level||s.level!=="block"&&s.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");e[s.level]?e[s.level].unshift(s.tokenizer):e[s.level]=[s.tokenizer],s.start&&(s.level==="block"?e.startBlock?e.startBlock.push(s.start):e.startBlock=[s.start]:s.level==="inline"&&(e.startInline?e.startInline.push(s.start):e.startInline=[s.start]))}s.childTokens&&(e.childTokens[s.name]=s.childTokens)}),n.extensions=e),t.renderer){const s=marked.defaults.renderer||new Renderer;for(const l in t.renderer){const o=s[l];s[l]=(...a)=>{let c=t.renderer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.renderer=s}if(t.tokenizer){const s=marked.defaults.tokenizer||new Tokenizer;for(const l in t.tokenizer){const o=s[l];s[l]=(...a)=>{let c=t.tokenizer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.tokenizer=s}if(t.hooks){const s=marked.defaults.hooks||new Hooks;for(const l in t.hooks){const o=s[l];Hooks.passThroughHooks.has(l)?s[l]=a=>{if(marked.defaults.async)return Promise.resolve(t.hooks[l].call(s,a)).then(p=>o.call(s,p));const c=t.hooks[l].call(s,a);return o.call(s,c)}:s[l]=(...a)=>{let c=t.hooks[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.hooks=s}if(t.walkTokens){const s=marked.defaults.walkTokens;n.walkTokens=function(l){let o=[];return o.push(t.walkTokens.call(this,l)),s&&(o=o.concat(s.call(this,l))),o}}marked.setOptions(n)})},marked.walkTokens=function(r,e){let t=[];for(const n of r)switch(t=t.concat(e.call(marked,n)),n.type){case"table":{for(const s of n.header)t=t.concat(marked.walkTokens(s.tokens,e));for(const s of n.rows)for(const l of s)t=t.concat(marked.walkTokens(l.tokens,e));break}case"list":{t=t.concat(marked.walkTokens(n.items,e));break}default:marked.defaults.extensions&&marked.defaults.extensions.childTokens&&marked.defaults.extensions.childTokens[n.type]?marked.defaults.extensions.childTokens[n.type].forEach(function(s){t=t.concat(marked.walkTokens(n[s],e))}):n.tokens&&(t=t.concat(marked.walkTokens(n.tokens,e)))}return t},marked.parseInline=parseMarkdown(Lexer.lexInline,Parser.parseInline),marked.Parser=Parser,marked.parser=Parser.parse,marked.Renderer=Renderer,marked.TextRenderer=TextRenderer,marked.Lexer=Lexer,marked.lexer=Lexer.lex,marked.Tokenizer=Tokenizer,marked.Slugger=Slugger,marked.Hooks=Hooks,marked.parse=marked,marked.options,marked.setOptions,marked.use,marked.walkTokens,marked.parseInline,Parser.parse,Lexer.lex;function getAugmentedNamespace(r){if(r.__esModule)return r;var e=r.default;if(typeof e=="function"){var t=function n(){return this instanceof n?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};t.prototype=e.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(r).forEach(function(n){var s=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:function(){return r[n]}})}),t}function commonjsRequire(r){throw new Error('Could not dynamically require "'+r+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var uniqid={exports:{}};const __viteBrowserExternal={},__viteBrowserExternal$1=Object.freeze(Object.defineProperty({__proto__:null,default:__viteBrowserExternal},Symbol.toStringTag,{value:"Module"})),require$$0=getAugmentedNamespace(__viteBrowserExternal$1);var pid=typeof process<"u"&&process.pid?process.pid.toString(36):"",address="";if(typeof __webpack_require__!="function"&&typeof commonjsRequire<"u"){var mac="",os=require$$0;if(os.networkInterfaces)var networkInterfaces=os.networkInterfaces();if(networkInterfaces){e:for(let r in networkInterfaces){const e=networkInterfaces[r],t=e.length;for(var i=0;i<t;i++)if(e[i]!==void 0&&e[i].mac&&e[i].mac!="00:00:00:00:00:00"){mac=e[i].mac;break e}}address=mac?parseInt(mac.replace(/\:|\D+/gi,"")).toString(36):""}}uniqid.exports=uniqid.exports.default=function(r,e){return(r||"")+address+pid+now().toString(36)+(e||"")},uniqid.exports.process=function(r,e){return(r||"")+pid+now().toString(36)+(e||"")},uniqid.exports.time=function(r,e){return(r||"")+now().toString(36)+(e||"")};function now(){var r=Date.now(),e=now.last||r;return now.last=r>e?r:e+1}function data_get(r,e,t=null){var n=Array.isArray(e)?e:e.split("."),s=n.reduce((l,o)=>l&&l[o],r);return s!==void 0?s:t}const isString=tagTester("String");var isArguments=tagTester("Arguments");(function(){isArguments(arguments)||(isArguments=function(r){return has(r,"callee")})})();const isArguments$1=isArguments;function isEmpty(r){if(r==null)return!0;var e=getLength(r);return typeof e=="number"&&(isArray(r)||isString(r)||isArguments$1(r))?e===0:getLength(keys(r))===0}function values(r){for(var e=keys(r),t=e.length,n=Array(t),s=0;s<t;s++)n[s]=r[e[s]];return n}function sortedIndex(r,e,t,n){t=cb(t,n,1);for(var s=t(e),l=0,o=getLength(r);l<o;){var a=Math.floor((l+o)/2);t(r[a])<s?l=a+1:o=a}return l}function createPredicateIndexFinder(r){return function(e,t,n){t=cb(t,n);for(var s=getLength(e),l=r>0?0:s-1;l>=0&&l<s;l+=r)if(t(e[l],l,e))return l;return-1}}const findIndex=createPredicateIndexFinder(1),isNumber=tagTester("Number");function isNaN$1(r){return isNumber(r)&&_isNaN(r)}function createIndexFinder(r,e,t){return function(n,s,l){var o=0,a=getLength(n);if(typeof l=="number")r>0?o=l>=0?l:Math.max(l+a,o):a=l>=0?Math.min(l+1,a):l+a+1;else if(t&&l&&a)return l=t(n,s),n[l]===s?l:-1;if(s!==s)return l=e(slice.call(n,o,a),isNaN$1),l>=0?l+o:-1;for(l=r>0?o:a-1;l>=0&&l<a;l+=r)if(n[l]===s)return l;return-1}}const indexOf=createIndexFinder(1,findIndex,sortedIndex);function contains(r,e,t,n){return isArrayLike(r)||(r=values(r)),(typeof t!="number"||n)&&(t=0),indexOf(r,e,t)>=0}function intersection(r){for(var e=[],t=arguments.length,n=0,s=getLength(r);n<s;n++){var l=r[n];if(!contains(e,l)){var o;for(o=1;o<t&&contains(arguments[o],l);o++);o===t&&e.push(l)}}return e}function negate(r){return function(){return!r.apply(this,arguments)}}function reject(r,e,t){return filter(r,negate(cb(e)),t)}function initial(r,e,t){return slice.call(r,0,Math.max(0,r.length-(e==null||t?1:e)))}function first(r,e,t){return r==null||r.length<1?e==null||t?void 0:[]:e==null||t?r[0]:initial(r,r.length-e)}mixin({chain,map,each,filter,reject,first,isEmpty});const NUMBER_SPECIFIC_COMPARISONS=[">",">=","<","<="];class Validator{constructor(r,e,t,n){this.field=r,this.values=e,this.rootValues=t?t.state.publish[n].values:!1,this.store=t,this.storeName=n,this.passOnAny=!1,this.showOnPass=!0,this.converter=new Converter}passesConditions(r){let e=r||this.getConditions();if(e===void 0)return!0;if(this.isCustomConditionWithoutTarget(e))return this.passesCustomCondition(this.prepareCondition(e));let t=this.passOnAny?this.passesAnyConditions(e):this.passesAllConditions(e);return this.showOnPass?t:!t}getConditions(){let r=chain(KEYS).filter(t=>this.field[t]).first().value();if(!r)return;r.includes("any")&&(this.passOnAny=!0),(r.includes("unless")||r.includes("hide_when"))&&(this.showOnPass=!1);let e=this.field[r];return this.isCustomConditionWithoutTarget(e)?e:this.converter.fromBlueprint(e,this.field.prefix)}isCustomConditionWithoutTarget(r){return isString(r)}passesAllConditions(r){return chain(r).map(e=>this.prepareCondition(e)).reject(e=>this.passesCondition(e)).isEmpty().value()}passesAnyConditions(r){return!chain(r).map(e=>this.prepareCondition(e)).filter(e=>this.passesCondition(e)).isEmpty().value()}prepareCondition(r){if(isString(r)||r.operator==="custom")return this.prepareCustomCondition(r);let e=this.prepareOperator(r.operator),t=this.prepareLhs(r.field,e),n=this.prepareRhs(r.value,e);return{lhs:t,operator:e,rhs:n}}prepareOperator(r){switch(r){case null:case"":case"is":case"equals":return"==";case"isnt":case"not":case"¯\\_(ツ)_/¯":return"!=";case"includes":case"contains":return"includes";case"includes_any":case"contains_any":return"includes_any"}return r}prepareLhs(r,e){let t=this.getFieldValue(r);return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(t):e==="includes"&&!isObject(t)?t?t.toString():"":(isString(t)&&isEmpty(t)&&(t=null),isString(t)?JSON.stringify(t.trim()):t)}prepareRhs(r,e){switch(r){case"null":return null;case"true":return!0;case"false":return!1}return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(r):r==="empty"||e==="includes"||e==="includes_any"?r:isString(r)?JSON.stringify(r.trim()):r}prepareCustomCondition(r){let e=this.prepareFunctionName(r.value||r),t=this.prepareParams(r.value||r),n=r.field?this.getFieldValue(r.field):null,s=r.field;return{functionName:e,params:t,target:n,targetHandle:s}}prepareFunctionName(r){return r.replace(new RegExp("^custom "),"").split(":")[0]}prepareParams(r){let e=r.split(":")[1];return e?e.split(",").map(t=>t.trim()):[]}getFieldValue(r){return r.startsWith("root.")?data_get(this.rootValues,r.replace(new RegExp("^root."),"")):data_get(this.values,r)}passesCondition(condition){return condition.functionName?this.passesCustomCondition(condition):condition.operator==="includes"?this.passesIncludesCondition(condition):condition.operator==="includes_any"?this.passesIncludesAnyCondition(condition):(condition.rhs==="empty"&&(condition.lhs=isEmpty(condition.lhs),condition.rhs=!0),isObject(condition.lhs)?!1:eval(`${condition.lhs} ${condition.operator} ${condition.rhs}`))}passesIncludesCondition(r){return r.lhs.includes(r.rhs)}passesIncludesAnyCondition(r){let e=r.rhs.split(",").map(t=>t.trim());return Array.isArray(r.lhs)?intersection(r.lhs,e).length:new RegExp(e.join("|")).test(r.lhs)}passesCustomCondition(r){let e=data_get(this.store.state.statamic.conditions,r.functionName);if(typeof e!="function")return console.error(`Statamic field condition [${r.functionName}] was not properly defined.`),!1;let t=e({params:r.params,target:r.target,targetHandle:r.targetHandle,values:this.values,root:this.rootValues,store:this.store,storeName:this.storeName});return this.showOnPass?t:!t}passesNonRevealerConditions(r){let e=this.getConditions();if(this.isCustomConditionWithoutTarget(e))return this.passesConditions(e);let t=data_get(this.store.state.publish[this.storeName],"revealerFields",[]),n=chain(this.getConditions()).reject(s=>t.includes(this.relativeLhsToAbsoluteFieldPath(s.field,r))).value();return this.passesConditions(n)}relativeLhsToAbsoluteFieldPath(r,e){return e?r.startsWith("root.")?r.replace(/^root\./,""):e+"."+r:r}}class FieldConditions{showField(e,t){return new Validator(e,t).passesConditions()}}const form=()=>({fields:{},conditions:new FieldConditions,processFields(r){const e=Object.entries(r).reduce((t,[n,s])=>(t[n]=s.value,t),{});this.fields=Object.entries(r).reduce((t,[n,s])=>{const l=this.conditions.showField(s.properties.conditions,e);return t[n]={visible:l&&!s.properties.hidden,submittable:s.properties.always_save||l,section:s.section},this.$wire.submittableFields[n]=t[n].submittable,t},{})},fieldsBySection(r){return Object.entries(this.fields).reduce((e,[t,n])=>{let s=n.section;return e[s]||(e[s]={}),e[s][t]=n,e},{})[r]},showField(r){return this.fields[r].visible},showSection(r){return Object.entries(this.fieldsBySection(r)).some(([e])=>this.fields[e].visible)}});Alpine.data("form",form)});
diff --git a/resources/js/form.js b/resources/js/form.js
index 9f6e8d87..cd55cb4f 100644
--- a/resources/js/form.js
+++ b/resources/js/form.js
@@ -17,7 +17,8 @@ export default () => ({
 
             fields[key] = {
                 visible: passesConditions && !field.properties.hidden,
-                submittable: field.properties.always_save || passesConditions
+                submittable: field.properties.always_save || passesConditions,
+                section: field.section
             }
 
             this.$wire.submittableFields[key] = fields[key].submittable
@@ -26,11 +27,25 @@ export default () => ({
         }, {})
     },
 
+    fieldsBySection(section) {
+        return Object.entries(this.fields).reduce((sections, [key, field]) => {
+            let section = field.section;
+
+            if (! sections[section]) {
+                sections[section] = {};
+            }
+
+            sections[section][key] = field;
+
+            return sections;
+        }, {})[section];
+    },
+
     showField(field) {
         return this.fields[field].visible
     },
 
-    showSection(fields) {
-        return Object.entries(fields).some(([field]) => this.fields[field].visible)
-    }
+    showSection(section) {
+        return Object.entries(this.fieldsBySection(section)).some(([field]) => this.fields[field].visible)
+    },
 })
diff --git a/resources/views/default/layouts/section.blade.php b/resources/views/default/layouts/section.blade.php
index 63185037..d6dbe9ad 100644
--- a/resources/views/default/layouts/section.blade.php
+++ b/resources/views/default/layouts/section.blade.php
@@ -1,5 +1,5 @@
 <section
-    x-show="showSection({{ $section['fields'] }})"
+    x-show="showSection('{{ $section['handle'] }}')"
     wire:key="{{ $section['id'] }}"
     aria-labelledby="{{ $section['id'] }}-label"
     aria-describedby="{{ $section['id'] }}-instructions"
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 363a4fe0..9ba50212 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -2,12 +2,13 @@
 
 namespace Aerni\LivewireForms\Fields;
 
-use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
-use Aerni\LivewireForms\Fields\Concerns\WithDefaultProperties;
-use Illuminate\Contracts\Support\Arrayable;
 use Livewire\Component;
+use Illuminate\Support\Arr;
 use Statamic\Fields\Field as FormField;
+use Illuminate\Contracts\Support\Arrayable;
 use Statamic\Support\Traits\FluentlyGetsAndSets;
+use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
+use Aerni\LivewireForms\Fields\Concerns\WithDefaultProperties;
 
 abstract class Field implements Arrayable
 {
@@ -52,10 +53,19 @@ public function resetValue(): self
         return $this;
     }
 
+    public function section(): ?string
+    {
+        $section = $this->component->sections()
+            ->firstWhere(fn ($section) => $section['fields']->has($this->handle));
+
+        return Arr::get($section, 'handle');
+    }
+
     public function toArray(): array
     {
         return [
             'handle' => $this->field->handle(),
+            'section' => $this->section(),
             'config' => $this->field->config(),
             'properties' => $this->properties(),
             'value' => $this->value(),

From e3ef712b8ef78501c74acf99841268bc2888724b Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Tue, 5 Mar 2024 00:05:49 +0000
Subject: [PATCH 172/209] Fix styling

---
 src/Fields/Field.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 9ba50212..c9c984aa 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -2,13 +2,13 @@
 
 namespace Aerni\LivewireForms\Fields;
 
-use Livewire\Component;
+use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
+use Aerni\LivewireForms\Fields\Concerns\WithDefaultProperties;
+use Illuminate\Contracts\Support\Arrayable;
 use Illuminate\Support\Arr;
+use Livewire\Component;
 use Statamic\Fields\Field as FormField;
-use Illuminate\Contracts\Support\Arrayable;
 use Statamic\Support\Traits\FluentlyGetsAndSets;
-use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
-use Aerni\LivewireForms\Fields\Concerns\WithDefaultProperties;
 
 abstract class Field implements Arrayable
 {

From d413d7bda1b1ffa307f2b10c197cf1fe3c22343f Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 5 Mar 2024 09:10:51 -0500
Subject: [PATCH 173/209] Fix test

---
 tests/Fields/FieldsTest.php | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/tests/Fields/FieldsTest.php b/tests/Fields/FieldsTest.php
index b4aff2bf..16613f3d 100644
--- a/tests/Fields/FieldsTest.php
+++ b/tests/Fields/FieldsTest.php
@@ -13,8 +13,11 @@
 
     StatamicForm::make('contact')->save();
 
-    $this->component = Livewire::new('form');
-    $this->component->fill(['handle' => 'contact', 'theme' => 'default', 'view' => 'default']);
+    $this->component = Livewire::test('default-form', [
+        'handle' => 'contact',
+        'theme' => 'default',
+        'view' => 'default'
+    ])->instance();
 
     $this->field = Text::make(
         field: StatamicForm::find('contact')->fields()->get('name'),
@@ -121,6 +124,7 @@
 it('can get an array of the field', function () {
     $array = [
         'handle' => invade($this->field)->field->handle(),
+        'section' => $this->field->section(),
         'config' => invade($this->field)->field->config(),
         'properties' => $this->field->properties(),
         'value' => $this->field->value(),

From 673594792a563cfea9de974423c2a96ed6aa1abb Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Tue, 5 Mar 2024 14:11:41 +0000
Subject: [PATCH 174/209] Fix styling

---
 tests/Fields/FieldsTest.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/Fields/FieldsTest.php b/tests/Fields/FieldsTest.php
index 16613f3d..37f202ff 100644
--- a/tests/Fields/FieldsTest.php
+++ b/tests/Fields/FieldsTest.php
@@ -16,7 +16,7 @@
     $this->component = Livewire::test('default-form', [
         'handle' => 'contact',
         'theme' => 'default',
-        'view' => 'default'
+        'view' => 'default',
     ])->instance();
 
     $this->field = Text::make(

From 0d080f89f04984b4479c3076d4c40cb9fcfbb031 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 2 Apr 2024 12:06:59 -0400
Subject: [PATCH 175/209] Add new line

---
 config/livewire-forms.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/config/livewire-forms.php b/config/livewire-forms.php
index a726f9e3..e12daff3 100644
--- a/config/livewire-forms.php
+++ b/config/livewire-forms.php
@@ -1,6 +1,7 @@
 <?php
 
 return [
+
     /*
     |--------------------------------------------------------------------------
     | Field Models

From e32386ac2ec71cadf8bed5971d8bad97c2ac369b Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 2 Apr 2024 12:53:13 -0400
Subject: [PATCH 176/209] Update README.md

---
 README.md | 67 ++++++++++++++++++++++++++++---------------------------
 1 file changed, 34 insertions(+), 33 deletions(-)

diff --git a/README.md b/README.md
index 03dba270..7e98a889 100644
--- a/README.md
+++ b/README.md
@@ -30,6 +30,7 @@ The following config will be published to `config/livewire-forms.php`:
 
 ```php
 return [
+
     /*
     |--------------------------------------------------------------------------
     | Field Models
@@ -119,7 +120,7 @@ There are a number of helpful commands to help you create views, themes and comp
 
 ### Prerequisite
 
-The default views of this addon are styled with [Tailwind CSS](https://tailwindcss.com/) and [@tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms).
+The views of this addon are styled with [Tailwind CSS](https://tailwindcss.com/) and [@tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms). However, you are free to change the views however you please.
 
 ### Run the setup command
 
@@ -171,7 +172,11 @@ Use the `view` and `theme` parameters if you want to use a view or theme that is
 
 ## Views
 
-Use the `livewire-forms:view` command to create a new view and customize it to your liking:
+Views are the entry point of your forms. You may use the same view for each form.
+
+### Creating a view
+
+Use the `livewire-forms:view` command to create a new view:
 
 ```bash
 php please livewire-forms:view
@@ -189,24 +194,30 @@ Views are autoloaded by the handle of a form. In the example below, it will try
 
 There are a couple of blade directives you may use in your form views. The directives are aware of the form's theme and will render the views accordingly.
 
-| Directive                | Description                                                                 | View                      |
-| ------------------------ | --------------------------------------------------------------------------- | ------------------------- |
-| `@formSection('handle')` | Render a specific from section, e.g., `@formSection('contact_information')` | section.blade.php         |
-| `@formField('handle')`   | Render a specific form field, e.g., `@formField('first_name')`              | field.blade.php           |
-| `@formView('view')`      | Render a specific form view, e.g., `@formView('messages.label')`            | Whatever view you provide |
+| Directive                | Description                                                                      | View                      |
+| ------------------------ | -------------------------------------------------------------------------------- | ------------------------- |
+| `@formSection('handle')` | Render a specific form section, e.g., `@formSection('contact_information')`      | section.blade.php         |
+| `@formField('handle')`   | Render a specific form field, e.g., `@formField('first_name')`                   | field.blade.php           |
+| `@formView('view')`      | Render a specific view of the current theme, e.g., `@formView('messages.label')` | Whatever view you provide |
 
 ### Customization Example
 
-Sometimes you need more control over the markup of your form. If you decide to go completely custom, you can render single fields using the `@formField` directive. You may also add or override field properties using an array as the second argument.
+Sometimes you need more control over the markup of your form. Rather than relying on the form's blueprint, you may decide to go fully custom and render individual fields using the `@formField` directive.
+
+```blade
+@formField('name')
+```
+
+You may also add or override field properties using an array as the second argument.
 
 ```blade
 @formField('name', [
-    'label' => 'Name',
+    'label' => 'Your Name',
     'tooltip' => 'Please enter your full name'
 ])
 ```
 
-You can access the properties in the field's view like this:
+You can then access the properties in the field's view.
 
 ```blade
 {{ $field->label }}
@@ -215,7 +226,9 @@ You can access the properties in the field's view like this:
 
 ## Themes
 
-Themes allow you to customize the style and logic of your form views. You may have any number of themes. If a view doesn't exist in the theme applied to a form, it will fall back to the default theme set in `config/livewire-forms.php`.
+Themes allow you to fully customize each individual form view. You may have any number of themes.
+
+### Creating a theme
 
 Use the `livewire-forms:theme` command to create a new theme:
 
@@ -225,7 +238,7 @@ php please livewire-forms:theme
 
 ### Autoloading
 
-Themes are autoloaded by the handle of a form. In the example below, it will try to load the `contact` theme. If it doesn't exist, it will fall back to the default theme defined in `config/livewire-forms.php`.
+Themes are autoloaded by the handle of a form. In the example below, it will try to load the views of the `contact` theme. If the theme doesn't exist, it will fall back to the default theme defined in `config/livewire-forms.php`. If a single view of the selected theme doesn't exist, it will fall back to the default theme for that particular view.
 
 ```blade
 {{ livewire:form handle="contact" }}
@@ -234,15 +247,18 @@ Themes are autoloaded by the handle of a form. In the example below, it will try
 > **Good to know:** Future releases of this addon will likely introduce breaking changes to your views. In that case, you will have to manually update your views according to the changes.
 
 ### Field Views
-Each field will load the view by its type by default. For example, a `subscription` field of `type: radio`, will load the `radio.blade.php` view.
+
+By default, each field will load the view by its type. For example, a `subscription` field of `type: radio` will load the `radio.blade.php` view.
 
 Sometimes you may want to load a different view for a given field, like a fancy radio button group for selecting a subscription. Field views are autoloaded by the field's handle. In this example, you can simply create a `subscription.blade.php` view under the theme's `fields` folder to autoload your custom view.
 
-You may also manually override a field's view by adding `view: {the_name_of_the_view}` to the field's config in the blueprint.
+You may manually override a field's view by adding `view: {the_name_of_the_view}` to the field's config in the blueprint.
 
 ## Components
 
-Sometimes you need more control over your form. For instance, if you want to dynamically populate a select field's options. There are a couple of concepts that help you customize your form experience.
+Sometimes, you need more control over your form. For instance, if you want to dynamically populate a select field's options. There are a couple of concepts that help you customize your form experience.
+
+#### Creating a component
 
 Get started by creating a new component. The following example will create a new form component in `app/Livewire/ContactForm.php`
 
@@ -262,11 +278,11 @@ Custom components are autoloaded by matching the class name with the form's hand
 <livewire:form handle="contact">
 ```
 
->**Note:** The component's name needs to end with `Form` for Livewire Forms to do its autoloading magic, e.g., `ContactForm.php`.
+>**Note:** For the autoloading magic to work, the component's name needs to end with `Form`, e.g., `ContactForm.php.`
 
 ### Explicit Loading
 
-You can also explicitly load a custom component by name like you would with any other Livewire component. This is useful if need to pass additional properties to the component.
+You can also explicitly load a custom component by name like you would with any other Livewire component. This is necessary if you need to pass additional custom properties to the component.
 
 ```blade
 <!-- Antlers -->
@@ -494,24 +510,9 @@ protected function messages(): array
 }
 ```
 
-## Field configuration
-
-There are a couple of configuration options for your form fields:
-
-| Parameter       | Type                                    | Supported by                   | Description                                                                                                                            |
-| :-------------- | :-------------------------------------- | :----------------------------- | :------------------------------------------------------------------------------------------------------------------------------------- |
-| `autocomplete`  | `string`                                | `default`, `textarea`, `select`  | Set the field's [autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) attribute. Defaults to `on`. |
-| `cast_booleans` | `boolean`                               | `radio`, `select`              | String values of `true` and `false` will be saved as booleans. |
-| `default`       | `array`, `boolean`, `integer`, `string` | All fieldtypes except `assets` | Set the field's default value |
-| `inline`        | `boolean`                               | `checkboxes`, `radio`          | Set to `true` to display the fields inline |
-| `placeholder`   | `string`                                | `default`, `textarea`            | Set the field's placeholder value |
-| `show_label`    | `boolean`                               | All fieldtypes                 | Set to `false` to hide the field's label and instructions. |
-| `width`         | `integer`                               | All fieldtypes                 | Set the desired width of the field. |
-| `wire_model`    | `string`                                | All fieldtypes                 | Customize `wire:model`, e.g. `wire_model: live.debounce.150ms`. |
-
 ## Localization
 
-There are a few default message strings like the `submit button label` and `success message` that you might want to change. You can change the messages globally or on a per form level.
+There are a few default message strings, like the `submit button label` and `success message` that you might want to change. You can change the messages globally or on a per-form level.
 
 ### Globally
 

From d47d4cc69bcbf0eb7063219b9b92d10b74587f48 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 2 Apr 2024 12:59:22 -0400
Subject: [PATCH 177/209] Update README.md

---
 README.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 7e98a889..af300828 100644
--- a/README.md
+++ b/README.md
@@ -455,11 +455,13 @@ Lastly, we need to render our new `ContactForm` component in the template.
 
 ### Validation Rules
 
-You can use any validation rule you want. Simply add it to the field in the form blueprint or use the blueprint builder in the CP. If you have validation rules like `required_if`, make sure to prefix the field with `data`.
+You can use any validation rule you want. Simply add it to the field in the form blueprint or use the blueprint builder in the CP. 
+
+To validate against the value of another field, you need to get its value like in the following example:
 
 ```yaml
 validate:
-  - 'required_if:data.newsletter,true'
+  - 'required_if:fields.newsletter.value,true'
 ```
 
 ### Real-time Validation

From 4614792b5d4dcd396610a1bf072ef0d3d2acd9cb Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Tue, 2 Apr 2024 16:07:43 -0400
Subject: [PATCH 178/209] Update README.md

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index af300828..0721112e 100644
--- a/README.md
+++ b/README.md
@@ -497,7 +497,7 @@ You can customize the validation messages of your fields by creating a [custom f
 
 ```php
 protected $messages = [
-    'data.name.required' => 'What is your name darling?',
+    'fields.name.value.required' => 'What is your name, darling?',
 ];
 ```
 
@@ -507,7 +507,7 @@ protected $messages = [
 protected function messages(): array
 {
     return [
-        'data.name.required' => 'What is your name darling?',
+        'fields.name.value.required' => 'What is your name, darling?',
     ];
 }
 ```

From 428eafea89e6167e8d60573a03e162bd5fb6a80b Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 12 Apr 2024 10:33:01 -0400
Subject: [PATCH 179/209] Only run validation when `$fields` is updated

---
 src/Livewire/Concerns/HandlesValidation.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Livewire/Concerns/HandlesValidation.php b/src/Livewire/Concerns/HandlesValidation.php
index 3a71e744..bba40196 100644
--- a/src/Livewire/Concerns/HandlesValidation.php
+++ b/src/Livewire/Concerns/HandlesValidation.php
@@ -4,7 +4,7 @@
 
 trait HandlesValidation
 {
-    public function updated(string $field): void
+    public function updatedFields(string $field): void
     {
         $this->validateOnly($field);
     }

From a9fd22bea72648af93e20f562976da40174ac873 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 12 Apr 2024 16:01:21 -0400
Subject: [PATCH 180/209] Fix validation when field is updated

---
 src/Livewire/Concerns/HandlesValidation.php | 5 -----
 src/Livewire/Concerns/WithFields.php        | 5 +++++
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Livewire/Concerns/HandlesValidation.php b/src/Livewire/Concerns/HandlesValidation.php
index bba40196..4a28fc87 100644
--- a/src/Livewire/Concerns/HandlesValidation.php
+++ b/src/Livewire/Concerns/HandlesValidation.php
@@ -4,11 +4,6 @@
 
 trait HandlesValidation
 {
-    public function updatedFields(string $field): void
-    {
-        $this->validateOnly($field);
-    }
-
     protected function rules(): array
     {
         return $this->fields
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 92518ca5..9188480c 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -28,6 +28,11 @@ public function mountedFields(Collection $fields): void
         //
     }
 
+    public function updatedFields($value, $key): void
+    {
+        $this->validateOnly("fields.{$key}");
+    }
+
     protected function fields(): Collection
     {
         $fields = $this->form->fields()->map(function ($field) {

From 43a9466295765fe46c5e96456a63dca63aea041e Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 15 Apr 2024 10:23:01 -0400
Subject: [PATCH 181/209] Allow using the `sometimes` rule

---
 src/Livewire/Concerns/HandlesValidation.php | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/Livewire/Concerns/HandlesValidation.php b/src/Livewire/Concerns/HandlesValidation.php
index 4a28fc87..10c9523c 100644
--- a/src/Livewire/Concerns/HandlesValidation.php
+++ b/src/Livewire/Concerns/HandlesValidation.php
@@ -4,6 +4,20 @@
 
 trait HandlesValidation
 {
+    public function bootHandlesValidation(): void
+    {
+        /**
+         * Remove all fields that are not submittable from the data before validation to replicate
+         * Statamic's suggested validation pattern: https://statamic.dev/conditional-fields#validation
+         * This allows us to conditionally apply validation to conditionally shown fields using the 'sometimes' rule.
+         */
+        $this->withValidator(function ($validator) {
+             collect($validator->getValue('fields'))
+                ->filter(fn ($value, $field) => $this->submittableFields[$field])
+                ->pipe(fn ($fields) => $validator->setValue('fields', $fields));
+        });
+    }
+
     protected function rules(): array
     {
         return $this->fields

From 0514c900fff0da1c65be11afc4113e39ca58e78e Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 15 Apr 2024 14:14:09 -0400
Subject: [PATCH 182/209] Simplify Field by not passing component through

---
 src/Fields/Field.php                     | 21 ++++++++++-----------
 src/Fields/Properties/WithId.php         |  4 +++-
 src/Fields/Properties/WithView.php       |  3 ++-
 src/Livewire/Concerns/WithFields.php     |  7 ++-----
 src/Livewire/Synthesizers/FieldSynth.php |  7 +++----
 5 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index c9c984aa..8a6f655e 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -2,13 +2,13 @@
 
 namespace Aerni\LivewireForms\Fields;
 
-use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
-use Aerni\LivewireForms\Fields\Concerns\WithDefaultProperties;
-use Illuminate\Contracts\Support\Arrayable;
+use Livewire\Livewire;
 use Illuminate\Support\Arr;
-use Livewire\Component;
 use Statamic\Fields\Field as FormField;
+use Illuminate\Contracts\Support\Arrayable;
 use Statamic\Support\Traits\FluentlyGetsAndSets;
+use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
+use Aerni\LivewireForms\Fields\Concerns\WithDefaultProperties;
 
 abstract class Field implements Arrayable
 {
@@ -18,15 +18,14 @@ abstract class Field implements Arrayable
 
     protected mixed $value = null;
 
-    public function __construct(
-        protected FormField $field,
-        protected Component $component,
-    ) {
+    public function __construct(protected FormField $field)
+    {
+        //
     }
 
-    public static function make(FormField $field, Component $component): self
+    public static function make(FormField $field): self
     {
-        return new static($field, $component);
+        return new static($field);
     }
 
     public function validationAttributes(): array
@@ -55,7 +54,7 @@ public function resetValue(): self
 
     public function section(): ?string
     {
-        $section = $this->component->sections()
+        $section = Livewire::current()->sections()
             ->firstWhere(fn ($section) => $section['fields']->has($this->handle));
 
         return Arr::get($section, 'handle');
diff --git a/src/Fields/Properties/WithId.php b/src/Fields/Properties/WithId.php
index de25a99f..92b99947 100644
--- a/src/Fields/Properties/WithId.php
+++ b/src/Fields/Properties/WithId.php
@@ -2,10 +2,12 @@
 
 namespace Aerni\LivewireForms\Fields\Properties;
 
+use Livewire\Livewire;
+
 trait WithId
 {
     protected function idProperty(): string
     {
-        return "{$this->component->getId()}-field-{$this->handle}";
+        return Livewire::current()->getId() . '-field-' . $this->handle;
     }
 }
diff --git a/src/Fields/Properties/WithView.php b/src/Fields/Properties/WithView.php
index 53e32f3a..84a329c5 100644
--- a/src/Fields/Properties/WithView.php
+++ b/src/Fields/Properties/WithView.php
@@ -2,6 +2,7 @@
 
 namespace Aerni\LivewireForms\Fields\Properties;
 
+use Livewire\Livewire;
 use Aerni\LivewireForms\Facades\ViewManager;
 
 trait WithView
@@ -22,6 +23,6 @@ protected function viewProperty(?string $view = null): string
 
     protected function viewExists(string $view): bool
     {
-        return ViewManager::themeViewExists($this->component->theme, $view);
+        return ViewManager::themeViewExists(Livewire::current()->theme, $view);
     }
 }
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 9188480c..39da048a 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -42,14 +42,11 @@ protected function fields(): Collection
                 ?? $this->models()->get($fieldtype);
 
             return $class
-                ? $class::make(field: $field, component: $this)
+                ? $class::make($field)
                 : throw new \Exception("The field model binding for fieldtype [{$fieldtype}] cannot be found.");
         });
 
-        $honeypot = Honeypot::make(
-            field: new Field($this->form->honeypot(), []),
-            component: $this
-        );
+        $honeypot = Honeypot::make(new Field($this->form->honeypot(), []));
 
         return $fields->put($honeypot->handle, $honeypot);
     }
diff --git a/src/Livewire/Synthesizers/FieldSynth.php b/src/Livewire/Synthesizers/FieldSynth.php
index cf6ce96d..5c1a938e 100644
--- a/src/Livewire/Synthesizers/FieldSynth.php
+++ b/src/Livewire/Synthesizers/FieldSynth.php
@@ -35,10 +35,9 @@ public function hydrate($value, $meta, $hydrateChild)
             $value[$key] = $hydrateChild($key, $child);
         }
 
-        return $meta['class']::make(
-            field: new StatamicField($value['handle'], $value['config']),
-            component: $this->context->component
-        )
+        $field = new StatamicField($value['handle'], $value['config']);
+
+        return $meta['class']::make($field)
             ->properties($value['properties'])
             ->value($value['value']);
     }

From c4241ba3faa4532d0636252c0265fd4e1aa7ba18 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 15 Apr 2024 14:23:10 -0400
Subject: [PATCH 183/209] Add form selection to component create command

---
 src/Commands/MakeComponent.php | 12 ++++++++----
 src/Commands/Setup.php         |  2 +-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/Commands/MakeComponent.php b/src/Commands/MakeComponent.php
index af452c4e..1105ef71 100644
--- a/src/Commands/MakeComponent.php
+++ b/src/Commands/MakeComponent.php
@@ -6,10 +6,11 @@
 use Illuminate\Support\Facades\File;
 use Illuminate\Support\Str;
 use Statamic\Console\RunsInPlease;
+use Statamic\Facades\Form;
 
 use function Laravel\Prompts\confirm;
 use function Laravel\Prompts\info;
-use function Laravel\Prompts\text;
+use function Laravel\Prompts\select;
 
 class MakeComponent extends Command
 {
@@ -21,9 +22,12 @@ class MakeComponent extends Command
 
     public function handle(): void
     {
-        $name = $this->argument('name') ?? text(label: 'What do you want to name the component?', required: true);
-        $name = Str::of($name)->endsWith('Form') ? $name : Str::of($name)->append('Form')->__toString();
-        $filename = Str::studly($name);
+        $name = $this->argument('name') ?? select(
+            label: 'Select the form for which you want to create a Livewire component.',
+            options: Form::all()->mapWithKeys(fn ($form) => [$form->handle() => $form->title()]),
+        );
+
+        $filename = Str::of($name)->endsWith('Form') ? $name : Str::of($name)->append('Form')->studly();
 
         $stub = File::get(__DIR__.'/../../resources/stubs/DummyForm.php');
         $stub = str_replace('DummyForm', $filename, $stub);
diff --git a/src/Commands/Setup.php b/src/Commands/Setup.php
index 96409a0b..dc1643d0 100644
--- a/src/Commands/Setup.php
+++ b/src/Commands/Setup.php
@@ -34,7 +34,7 @@ protected function makeTheme(): void
 
     protected function makeComponent(): void
     {
-        if (confirm(label: 'Do you want to create a form component to customize the default behaviour?')) {
+        if (confirm(label: 'Do you want to create a Livewire component to customize the behaviour of the form?')) {
             $this->call('livewire-forms:component');
         }
     }

From 537be9151966de477c98f99ae6f826364d4507ab Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Mon, 15 Apr 2024 18:24:06 +0000
Subject: [PATCH 184/209] Fix styling

---
 src/Fields/Field.php                        | 8 ++++----
 src/Fields/Properties/WithId.php            | 2 +-
 src/Fields/Properties/WithView.php          | 2 +-
 src/Livewire/Concerns/HandlesValidation.php | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 8a6f655e..ce2ea7b5 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -2,13 +2,13 @@
 
 namespace Aerni\LivewireForms\Fields;
 
-use Livewire\Livewire;
+use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
+use Aerni\LivewireForms\Fields\Concerns\WithDefaultProperties;
+use Illuminate\Contracts\Support\Arrayable;
 use Illuminate\Support\Arr;
+use Livewire\Livewire;
 use Statamic\Fields\Field as FormField;
-use Illuminate\Contracts\Support\Arrayable;
 use Statamic\Support\Traits\FluentlyGetsAndSets;
-use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
-use Aerni\LivewireForms\Fields\Concerns\WithDefaultProperties;
 
 abstract class Field implements Arrayable
 {
diff --git a/src/Fields/Properties/WithId.php b/src/Fields/Properties/WithId.php
index 92b99947..6609adcf 100644
--- a/src/Fields/Properties/WithId.php
+++ b/src/Fields/Properties/WithId.php
@@ -8,6 +8,6 @@ trait WithId
 {
     protected function idProperty(): string
     {
-        return Livewire::current()->getId() . '-field-' . $this->handle;
+        return Livewire::current()->getId().'-field-'.$this->handle;
     }
 }
diff --git a/src/Fields/Properties/WithView.php b/src/Fields/Properties/WithView.php
index 84a329c5..be657eb7 100644
--- a/src/Fields/Properties/WithView.php
+++ b/src/Fields/Properties/WithView.php
@@ -2,8 +2,8 @@
 
 namespace Aerni\LivewireForms\Fields\Properties;
 
-use Livewire\Livewire;
 use Aerni\LivewireForms\Facades\ViewManager;
+use Livewire\Livewire;
 
 trait WithView
 {
diff --git a/src/Livewire/Concerns/HandlesValidation.php b/src/Livewire/Concerns/HandlesValidation.php
index 10c9523c..c0a566b5 100644
--- a/src/Livewire/Concerns/HandlesValidation.php
+++ b/src/Livewire/Concerns/HandlesValidation.php
@@ -12,7 +12,7 @@ public function bootHandlesValidation(): void
          * This allows us to conditionally apply validation to conditionally shown fields using the 'sometimes' rule.
          */
         $this->withValidator(function ($validator) {
-             collect($validator->getValue('fields'))
+            collect($validator->getValue('fields'))
                 ->filter(fn ($value, $field) => $this->submittableFields[$field])
                 ->pipe(fn ($fields) => $validator->setValue('fields', $fields));
         });

From 2c84a9f518a263c53ea299834367402e6992a027 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 15 Apr 2024 14:40:31 -0400
Subject: [PATCH 185/209] Fix tests

---
 tests/Fields/FieldsTest.php | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/tests/Fields/FieldsTest.php b/tests/Fields/FieldsTest.php
index 37f202ff..f31b9798 100644
--- a/tests/Fields/FieldsTest.php
+++ b/tests/Fields/FieldsTest.php
@@ -1,10 +1,11 @@
 <?php
 
-use Aerni\LivewireForms\Exceptions\ReadOnlyPropertyException;
-use Aerni\LivewireForms\Fields\Text;
 use Livewire\Livewire;
 use Statamic\Facades\Blueprint;
+use Aerni\LivewireForms\Fields\Text;
 use Statamic\Facades\Form as StatamicForm;
+use Livewire\Mechanisms\HandleComponents\HandleComponents;
+use Aerni\LivewireForms\Exceptions\ReadOnlyPropertyException;
 
 beforeEach(function () {
     Blueprint::makeFromFields([
@@ -13,16 +14,15 @@
 
     StatamicForm::make('contact')->save();
 
-    $this->component = Livewire::test('default-form', [
+    $component = Livewire::test('default-form', [
         'handle' => 'contact',
         'theme' => 'default',
         'view' => 'default',
     ])->instance();
 
-    $this->field = Text::make(
-        field: StatamicForm::find('contact')->fields()->get('name'),
-        component: $this->component
-    );
+    array_push(app(HandleComponents::class)::$componentStack, $component);
+
+    $this->field = Text::make(StatamicForm::find('contact')->fields()->get('name'));
 });
 
 afterEach(function () {

From d57674ce1debafa0143e6f30a5f22a4211c61b57 Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Mon, 15 Apr 2024 18:40:55 +0000
Subject: [PATCH 186/209] Fix styling

---
 tests/Fields/FieldsTest.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/tests/Fields/FieldsTest.php b/tests/Fields/FieldsTest.php
index f31b9798..c504bd05 100644
--- a/tests/Fields/FieldsTest.php
+++ b/tests/Fields/FieldsTest.php
@@ -1,11 +1,11 @@
 <?php
 
+use Aerni\LivewireForms\Exceptions\ReadOnlyPropertyException;
+use Aerni\LivewireForms\Fields\Text;
 use Livewire\Livewire;
+use Livewire\Mechanisms\HandleComponents\HandleComponents;
 use Statamic\Facades\Blueprint;
-use Aerni\LivewireForms\Fields\Text;
 use Statamic\Facades\Form as StatamicForm;
-use Livewire\Mechanisms\HandleComponents\HandleComponents;
-use Aerni\LivewireForms\Exceptions\ReadOnlyPropertyException;
 
 beforeEach(function () {
     Blueprint::makeFromFields([

From 15da855cf8e63f8cb29ecfb47b91d9aca4b90050 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 15 Apr 2024 15:02:22 -0400
Subject: [PATCH 187/209] Extract field model creation into its own method

---
 src/Livewire/Concerns/WithFields.php | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 39da048a..73669cb9 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -3,11 +3,12 @@
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
 use Aerni\LivewireForms\Fields\Captcha;
+use Aerni\LivewireForms\Fields\Field;
 use Aerni\LivewireForms\Fields\Honeypot;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
 use Livewire\Attributes\Computed;
-use Statamic\Fields\Field;
+use Statamic\Fields\Field as StatamicField;
 
 trait WithFields
 {
@@ -35,20 +36,23 @@ public function updatedFields($value, $key): void
 
     protected function fields(): Collection
     {
-        $fields = $this->form->fields()->map(function ($field) {
-            $fieldtype = $field->fieldtype()::class;
+        $honeypot = Honeypot::make(new StatamicField($this->form->honeypot(), []));
 
-            $class = $this->models()->get($field->handle())
-                ?? $this->models()->get($fieldtype);
+        return $this->form->fields()
+            ->map(fn ($field) => $this->makeFieldFromModel($field))
+            ->put($honeypot->handle, $honeypot);
+    }
 
-            return $class
-                ? $class::make($field)
-                : throw new \Exception("The field model binding for fieldtype [{$fieldtype}] cannot be found.");
-        });
+    protected function makeFieldFromModel(StatamicField $field): Field
+    {
+        $fieldtype = $field->fieldtype()::class;
 
-        $honeypot = Honeypot::make(new Field($this->form->honeypot(), []));
+        $class = $this->models()->get($field->handle())
+            ?? $this->models()->get($fieldtype);
 
-        return $fields->put($honeypot->handle, $honeypot);
+        return $class
+            ? $class::make($field)
+            : throw new \Exception("The field model binding for fieldtype [{$fieldtype}] cannot be found.");
     }
 
     #[Computed]

From 642ff8bb90367149bc52c5c2c7dcfa137ed2f752 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 15 Apr 2024 15:14:22 -0400
Subject: [PATCH 188/209] Add exceptions to blade directives

---
 src/BladeDirectives.php | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/BladeDirectives.php b/src/BladeDirectives.php
index a8a91668..60ecdb74 100644
--- a/src/BladeDirectives.php
+++ b/src/BladeDirectives.php
@@ -35,11 +35,15 @@ public static function formView(string $expression): string
      */
     public static function formSection(string $expression): string
     {
-        return Blade::compileString("
-            @formView('layouts.section', [
-                'section' => \$this->section($expression),
-            ])
-        ");
+        return "<?php
+            \$section = \$this->section($expression);
+
+            if (! \$section) {
+                throw new \InvalidArgumentException(\"The section $expression doesn't exist in the form's blueprint.\");
+            }
+
+            echo view(\Aerni\LivewireForms\Facades\ViewManager::themeViewPath(\$this->theme, 'layouts.section'), ['section' => \$section]);
+        ?>";
     }
 
     /**
@@ -53,13 +57,17 @@ public static function formField(string $expression): string
         $properties = $variables[1] ?? '[]';
 
         return "<?php
-            if (\$field = \$this->fields->get($field)) {
-                foreach ($properties as \$property => \$value) {
-                    \$field->\$property(\$value);
-                }
+            \$field = \$this->fields->get($field);
 
-                echo view(\Aerni\LivewireForms\Facades\ViewManager::themeViewPath(\$this->theme, 'layouts.field'), ['field' => \$field]);
+            if (! \$field) {
+                throw new \InvalidArgumentException(\"The field $field doesn't exist in the form's blueprint.\");
             }
+
+            foreach ($properties as \$property => \$value) {
+                \$field->\$property(\$value);
+            }
+
+            echo view(\Aerni\LivewireForms\Facades\ViewManager::themeViewPath(\$this->theme, 'layouts.field'), ['field' => \$field]);
         ?>";
     }
 }

From a5246a87f3c0116e6cfee380db0c80c1902dedff Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 15 Apr 2024 15:21:15 -0400
Subject: [PATCH 189/209] Better section handle and id

---
 src/Livewire/Concerns/WithFields.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 73669cb9..0326c183 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -60,11 +60,11 @@ public function sections(): Collection
     {
         return $this->form->blueprint()->tabs()->first()->sections()
             ->map(function ($section, $index) {
-                $handle = $section->display() ? Str::snake($section->display()) : $index;
+                $order = $index + 1;
 
                 return [
-                    'handle' => $handle,
-                    'id' => "{$this->getId()}-section-{$index}-{$handle}",
+                    'handle' => Str::snake($section->display() ?? $order),
+                    'id' => "{$this->getId()}-section-{$order}",
                     'display' => __($section->display()),
                     'instructions' => __($section->instructions()),
                     'fields' => $this->fields->intersectByKeys($section->fields()->all()),

From d6526e2110d9997f5d383dd6228de1cc0a083a2e Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 15 Apr 2024 15:24:03 -0400
Subject: [PATCH 190/209] Filter empty sections early for correct `$order

---
 src/Livewire/Concerns/WithFields.php | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 0326c183..7f42ae84 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -59,6 +59,8 @@ protected function makeFieldFromModel(StatamicField $field): Field
     public function sections(): Collection
     {
         return $this->form->blueprint()->tabs()->first()->sections()
+            ->filter(fn ($section) => $section->fields()->all()->isNotEmpty())
+            ->values()
             ->map(function ($section, $index) {
                 $order = $index + 1;
 
@@ -69,8 +71,7 @@ public function sections(): Collection
                     'instructions' => __($section->instructions()),
                     'fields' => $this->fields->intersectByKeys($section->fields()->all()),
                 ];
-            })
-            ->filter(fn ($section) => $section['fields']->isNotEmpty());
+            });
     }
 
     public function section(string $handle): ?array

From 9cd2c3eb139af8585df92b0fe52fb3a79d8e5181 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 15 Apr 2024 15:46:35 -0400
Subject: [PATCH 191/209] Extract section into its own class

---
 .../views/default/layouts/section.blade.php   | 22 +++++-----
 src/Fields/Field.php                          |  7 ++-
 src/Form/Section.php                          | 43 +++++++++++++++++++
 src/Livewire/Concerns/WithFields.php          | 29 ++++++-------
 4 files changed, 69 insertions(+), 32 deletions(-)
 create mode 100644 src/Form/Section.php

diff --git a/resources/views/default/layouts/section.blade.php b/resources/views/default/layouts/section.blade.php
index d6dbe9ad..270cc4ae 100644
--- a/resources/views/default/layouts/section.blade.php
+++ b/resources/views/default/layouts/section.blade.php
@@ -1,27 +1,27 @@
 <section
-    x-show="showSection('{{ $section['handle'] }}')"
-    wire:key="{{ $section['id'] }}"
-    aria-labelledby="{{ $section['id'] }}-label"
-    aria-describedby="{{ $section['id'] }}-instructions"
+    x-show="showSection('{{ $section->handle() }}')"
+    wire:key="{{ $section->id() }}"
+    aria-labelledby="{{ $section->id() }}-label"
+    aria-describedby="{{ $section->id() }}-instructions"
     class="grid gap-y-8"
 >
 
-    @if($section['display'])
+    @if($section->display())
         <div>
-            <h3 id="{{ $section['id'] }}-label" class="text-lg font-medium text-gray-900">
-                {{ $section['display'] }}
+            <h3 id="{{ $section->id() }}-label" class="text-lg font-medium text-gray-900">
+                {{ $section->display() }}
             </h3>
 
-            @if($section['instructions'])
-                <p id="{{ $section['id'] }}-instructions" class="text-base text-gray-500">
-                    {{ $section['instructions'] }}
+            @if($section->instructions())
+                <p id="{{ $section->id() }}-instructions" class="text-base text-gray-500">
+                    {{ $section->instructions() }}
                 </p>
             @endif
         </div>
     @endif
 
     <div class="grid grid-cols-1 gap-8 md:grid-cols-12">
-        @foreach($section['fields'] as $field)
+        @foreach($section->fields() as $field)
             @formView('layouts.field')
         @endforeach
     </div>
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index ce2ea7b5..8e318492 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -54,10 +54,9 @@ public function resetValue(): self
 
     public function section(): ?string
     {
-        $section = Livewire::current()->sections()
-            ->firstWhere(fn ($section) => $section['fields']->has($this->handle));
-
-        return Arr::get($section, 'handle');
+        return Livewire::current()->sections()
+            ->firstWhere(fn ($section) => $section->fields()->has($this->handle))
+            ?->handle(); /* The honeypot field doesn't have a section, which is why this will return */
     }
 
     public function toArray(): array
diff --git a/src/Form/Section.php b/src/Form/Section.php
new file mode 100644
index 00000000..ca410df9
--- /dev/null
+++ b/src/Form/Section.php
@@ -0,0 +1,43 @@
+<?php
+
+namespace Aerni\LivewireForms\Form;
+
+use Illuminate\Support\Str;
+use Illuminate\Support\Collection;
+use Livewire\Livewire;
+
+class Section
+{
+    public function __construct(
+        protected Collection $fields,
+        protected int $order,
+        protected ?string $display,
+        protected ?string $instructions,
+    ) {
+    }
+
+    public function handle(): string
+    {
+        return Str::snake($this->display ?? $this->order);
+    }
+
+    public function id(): string
+    {
+        return Livewire::current()->getId().'-section-'.$this->order;
+    }
+
+    public function display(): ?string
+    {
+        return __($this->display);
+    }
+
+    public function instructions(): ?string
+    {
+        return __($this->instructions);
+    }
+
+    public function fields(): Collection
+    {
+        return $this->fields;
+    }
+}
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 7f42ae84..e2fc4d7e 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -2,12 +2,12 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Aerni\LivewireForms\Fields\Captcha;
+use Livewire\Attributes\Computed;
+use Illuminate\Support\Collection;
 use Aerni\LivewireForms\Fields\Field;
+use Aerni\LivewireForms\Form\Section;
+use Aerni\LivewireForms\Fields\Captcha;
 use Aerni\LivewireForms\Fields\Honeypot;
-use Illuminate\Support\Collection;
-use Illuminate\Support\Str;
-use Livewire\Attributes\Computed;
 use Statamic\Fields\Field as StatamicField;
 
 trait WithFields
@@ -61,22 +61,17 @@ public function sections(): Collection
         return $this->form->blueprint()->tabs()->first()->sections()
             ->filter(fn ($section) => $section->fields()->all()->isNotEmpty())
             ->values()
-            ->map(function ($section, $index) {
-                $order = $index + 1;
-
-                return [
-                    'handle' => Str::snake($section->display() ?? $order),
-                    'id' => "{$this->getId()}-section-{$order}",
-                    'display' => __($section->display()),
-                    'instructions' => __($section->instructions()),
-                    'fields' => $this->fields->intersectByKeys($section->fields()->all()),
-                ];
-            });
+            ->map(fn ($section, $index) => (new Section(
+                fields: $this->fields->intersectByKeys($section->fields()->all()),
+                order: $index + 1,
+                display: $section->display(),
+                instructions: $section->instructions(),
+            )));
     }
 
-    public function section(string $handle): ?array
+    public function section(string $handle): ?Section
     {
-        return $this->sections()->firstWhere('handle', $handle);
+        return $this->sections->firstWhere(fn ($section) => $section->handle() === $handle);
     }
 
     #[Computed]

From 4215214246a1992bd1c66eaf9832cbe2b436914a Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Mon, 15 Apr 2024 19:52:52 +0000
Subject: [PATCH 192/209] Fix styling

---
 src/Fields/Field.php                 | 1 -
 src/Form/Section.php                 | 2 +-
 src/Livewire/Concerns/WithFields.php | 8 ++++----
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index 8e318492..f98b2a0f 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -5,7 +5,6 @@
 use Aerni\LivewireForms\Fields\Concerns\HandlesProperties;
 use Aerni\LivewireForms\Fields\Concerns\WithDefaultProperties;
 use Illuminate\Contracts\Support\Arrayable;
-use Illuminate\Support\Arr;
 use Livewire\Livewire;
 use Statamic\Fields\Field as FormField;
 use Statamic\Support\Traits\FluentlyGetsAndSets;
diff --git a/src/Form/Section.php b/src/Form/Section.php
index ca410df9..49dcd43c 100644
--- a/src/Form/Section.php
+++ b/src/Form/Section.php
@@ -2,8 +2,8 @@
 
 namespace Aerni\LivewireForms\Form;
 
-use Illuminate\Support\Str;
 use Illuminate\Support\Collection;
+use Illuminate\Support\Str;
 use Livewire\Livewire;
 
 class Section
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index e2fc4d7e..ae5f7f9b 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -2,12 +2,12 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
-use Livewire\Attributes\Computed;
-use Illuminate\Support\Collection;
-use Aerni\LivewireForms\Fields\Field;
-use Aerni\LivewireForms\Form\Section;
 use Aerni\LivewireForms\Fields\Captcha;
+use Aerni\LivewireForms\Fields\Field;
 use Aerni\LivewireForms\Fields\Honeypot;
+use Aerni\LivewireForms\Form\Section;
+use Illuminate\Support\Collection;
+use Livewire\Attributes\Computed;
 use Statamic\Fields\Field as StatamicField;
 
 trait WithFields

From d55c55564e1df0454e1e65343705acdd7d0f26be Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Fri, 19 Apr 2024 15:47:07 -0400
Subject: [PATCH 193/209] Add FilePond integration (#49)

---
 package-lock.json                             |  42 ++++++
 package.json                                  |   5 +
 resources/dist/js/livewire-forms.js           | 125 ++++++++++++------
 resources/js/alpine/filepond.js               | 113 ++++++++++++++++
 resources/js/{ => alpine}/form.js             |   2 +-
 resources/js/livewire-forms.js                |   4 +-
 .../views/default/fields/assets.blade.php     |  35 ++---
 src/Fields/Assets.php                         |  63 ++++++---
 src/Fields/Field.php                          |   2 +-
 src/Livewire/Concerns/HandlesSuccess.php      |   7 +-
 src/Livewire/Synthesizers/RuleSynth.php       |  29 ++++
 src/ServiceProvider.php                       |   2 +
 12 files changed, 346 insertions(+), 83 deletions(-)
 create mode 100644 resources/js/alpine/filepond.js
 rename resources/js/{ => alpine}/form.js (92%)
 create mode 100644 src/Livewire/Synthesizers/RuleSynth.php

diff --git a/package-lock.json b/package-lock.json
index fac3cf80..a7cc511e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,6 +6,11 @@
         "": {
             "dependencies": {
                 "alpinejs": "^3.13.3",
+                "filepond": "^4.30.6",
+                "filepond-plugin-file-validate-size": "^2.2.8",
+                "filepond-plugin-file-validate-type": "^1.2.9",
+                "filepond-plugin-image-preview": "^4.6.12",
+                "filepond-plugin-image-validate-size": "^1.2.7",
                 "marked": "^4.0.10",
                 "underscore": "~1.13.2",
                 "uniqid": "^5.2.0"
@@ -425,6 +430,43 @@
                 "@esbuild/win32-x64": "0.18.20"
             }
         },
+        "node_modules/filepond": {
+            "version": "4.30.6",
+            "resolved": "https://registry.npmjs.org/filepond/-/filepond-4.30.6.tgz",
+            "integrity": "sha512-gBsVKJgr5HFTkQSA/3R6utne4Qt6Pue0O3+k3IjjVBbaQxMgGMI0fXwoob9SdRRoULCs8BAhWjttM28hOAi/0w=="
+        },
+        "node_modules/filepond-plugin-file-validate-size": {
+            "version": "2.2.8",
+            "resolved": "https://registry.npmjs.org/filepond-plugin-file-validate-size/-/filepond-plugin-file-validate-size-2.2.8.tgz",
+            "integrity": "sha512-yzb8scATmkWqPTP7oKQz6L8WwJm6Xmgc/fuq6DFGRaLz0I7372BUvBsxagBk/hypMIjvieNzhggm33Y60x3rcw==",
+            "peerDependencies": {
+                "filepond": ">=3.1.2 <5.x"
+            }
+        },
+        "node_modules/filepond-plugin-file-validate-type": {
+            "version": "1.2.9",
+            "resolved": "https://registry.npmjs.org/filepond-plugin-file-validate-type/-/filepond-plugin-file-validate-type-1.2.9.tgz",
+            "integrity": "sha512-Tzv07aNdZvjUXDRA3XL16QMEvh6llDrXlcZ6W0eTHQ+taHaVg/JKJTFs/AViO+6ZcpPCcQStbhYEL2HoS+vldw==",
+            "peerDependencies": {
+                "filepond": ">=1.x <5.x"
+            }
+        },
+        "node_modules/filepond-plugin-image-preview": {
+            "version": "4.6.12",
+            "resolved": "https://registry.npmjs.org/filepond-plugin-image-preview/-/filepond-plugin-image-preview-4.6.12.tgz",
+            "integrity": "sha512-Y8ETX5QVV0mbPB0586UH8AUmG9tZg8PuN5bdEAIlZVJFTct5ebViJ7+Am94/VhTPjLqZjBf1zmDq5JU6XRsZKw==",
+            "peerDependencies": {
+                "filepond": ">=4.x <5.x"
+            }
+        },
+        "node_modules/filepond-plugin-image-validate-size": {
+            "version": "1.2.7",
+            "resolved": "https://registry.npmjs.org/filepond-plugin-image-validate-size/-/filepond-plugin-image-validate-size-1.2.7.tgz",
+            "integrity": "sha512-Sxu2XTbQHf9HRWu+AQg6zJkww0O6hTXq9IX5/SAJLuvohpF23XTzCNg+29KXr4Wulm70/jSSpMcJURn9AU72rA==",
+            "peerDependencies": {
+                "filepond": ">=1.8.x <5.x"
+            }
+        },
         "node_modules/fsevents": {
             "version": "2.3.3",
             "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
diff --git a/package.json b/package.json
index c25517f8..46231c4f 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,11 @@
     },
     "dependencies": {
         "alpinejs": "^3.13.3",
+        "filepond": "^4.30.6",
+        "filepond-plugin-file-validate-size": "^2.2.8",
+        "filepond-plugin-file-validate-type": "^1.2.9",
+        "filepond-plugin-image-preview": "^4.6.12",
+        "filepond-plugin-image-validate-size": "^1.2.7",
         "marked": "^4.0.10",
         "underscore": "~1.13.2",
         "uniqid": "^5.2.0"
diff --git a/resources/dist/js/livewire-forms.js b/resources/dist/js/livewire-forms.js
index 0c732fe2..a01f83bb 100644
--- a/resources/dist/js/livewire-forms.js
+++ b/resources/dist/js/livewire-forms.js
@@ -1,46 +1,85 @@
-(function(r){typeof define=="function"&&define.amd?define(r):r()})(function(){"use strict";var z=Object.defineProperty;var C=(r,e,t)=>e in r?z(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var R=(r,e,t)=>(C(r,typeof e!="symbol"?e+"":e,t),t);const KEYS=["if","if_any","show_when","show_when_any","unless","unless_any","hide_when","hide_when_any"],OPERATORS=["equals","not","contains","contains_any","===","!==",">",">=","<","<=","custom"],ALIASES={is:"equals","==":"equals",isnt:"not","!=":"not",includes:"contains",includes_any:"contains_any"};var VERSION="1.13.6",root=typeof self=="object"&&self.self===self&&self||typeof global=="object"&&global.global===global&&global||Function("return this")()||{},ArrayProto=Array.prototype,ObjProto=Object.prototype,push=ArrayProto.push,slice=ArrayProto.slice,toString=ObjProto.toString,hasOwnProperty=ObjProto.hasOwnProperty,nativeIsArray=Array.isArray,nativeKeys=Object.keys,_isNaN=isNaN,hasEnumBug=!{toString:null}.propertyIsEnumerable("toString"),nonEnumerableProps=["valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"],MAX_ARRAY_INDEX=Math.pow(2,53)-1;function _(r){if(r instanceof _)return r;if(!(this instanceof _))return new _(r);this._wrapped=r}_.VERSION=VERSION,_.prototype.value=function(){return this._wrapped},_.prototype.valueOf=_.prototype.toJSON=_.prototype.value,_.prototype.toString=function(){return String(this._wrapped)};function identity(r){return r}function tagTester(r){var e="[object "+r+"]";return function(t){return toString.call(t)===e}}var isFunction=tagTester("Function"),nodelist=root.document&&root.document.childNodes;typeof/./!="function"&&typeof Int8Array!="object"&&typeof nodelist!="function"&&(isFunction=function(r){return typeof r=="function"||!1});const isFunction$1=isFunction;function isObject(r){var e=typeof r;return e==="function"||e==="object"&&!!r}const isArray=nativeIsArray||tagTester("Array");function createAssigner(r,e){return function(t){var n=arguments.length;if(e&&(t=Object(t)),n<2||t==null)return t;for(var s=1;s<n;s++)for(var l=arguments[s],o=r(l),a=o.length,c=0;c<a;c++){var p=o[c];(!e||t[p]===void 0)&&(t[p]=l[p])}return t}}function has(r,e){return r!=null&&hasOwnProperty.call(r,e)}function emulatedSet(r){for(var e={},t=r.length,n=0;n<t;++n)e[r[n]]=!0;return{contains:function(s){return e[s]===!0},push:function(s){return e[s]=!0,r.push(s)}}}function collectNonEnumProps(r,e){e=emulatedSet(e);var t=nonEnumerableProps.length,n=r.constructor,s=isFunction$1(n)&&n.prototype||ObjProto,l="constructor";for(has(r,l)&&!e.contains(l)&&e.push(l);t--;)l=nonEnumerableProps[t],l in r&&r[l]!==s[l]&&!e.contains(l)&&e.push(l)}function keys(r){if(!isObject(r))return[];if(nativeKeys)return nativeKeys(r);var e=[];for(var t in r)has(r,t)&&e.push(t);return hasEnumBug&&collectNonEnumProps(r,e),e}const extendOwn=createAssigner(keys);function isMatch(r,e){var t=keys(e),n=t.length;if(r==null)return!n;for(var s=Object(r),l=0;l<n;l++){var o=t[l];if(e[o]!==s[o]||!(o in s))return!1}return!0}function matcher(r){return r=extendOwn({},r),function(e){return isMatch(e,r)}}function deepGet(r,e){for(var t=e.length,n=0;n<t;n++){if(r==null)return;r=r[e[n]]}return t?r:void 0}function toPath$1(r){return isArray(r)?r:[r]}_.toPath=toPath$1;function toPath(r){return _.toPath(r)}function property(r){return r=toPath(r),function(e){return deepGet(e,r)}}function optimizeCb(r,e,t){if(e===void 0)return r;switch(t??3){case 1:return function(n){return r.call(e,n)};case 3:return function(n,s,l){return r.call(e,n,s,l)};case 4:return function(n,s,l,o){return r.call(e,n,s,l,o)}}return function(){return r.apply(e,arguments)}}function baseIteratee(r,e,t){return r==null?identity:isFunction$1(r)?optimizeCb(r,e,t):isObject(r)&&!isArray(r)?matcher(r):property(r)}function iteratee(r,e){return baseIteratee(r,e,1/0)}_.iteratee=iteratee;function cb(r,e,t){return _.iteratee!==iteratee?_.iteratee(r,e):baseIteratee(r,e,t)}function createSizePropertyCheck(r){return function(e){var t=r(e);return typeof t=="number"&&t>=0&&t<=MAX_ARRAY_INDEX}}function shallowProperty(r){return function(e){return e==null?void 0:e[r]}}const getLength=shallowProperty("length"),isArrayLike=createSizePropertyCheck(getLength);function map(r,e,t){e=cb(e,t);for(var n=!isArrayLike(r)&&keys(r),s=(n||r).length,l=Array(s),o=0;o<s;o++){var a=n?n[o]:o;l[o]=e(r[a],a,r)}return l}function each(r,e,t){e=optimizeCb(e,t);var n,s;if(isArrayLike(r))for(n=0,s=r.length;n<s;n++)e(r[n],n,r);else{var l=keys(r);for(n=0,s=l.length;n<s;n++)e(r[l[n]],l[n],r)}return r}function filter(r,e,t){var n=[];return e=cb(e,t),each(r,function(s,l,o){e(s,l,o)&&n.push(s)}),n}function chain(r){var e=_(r);return e._chain=!0,e}function functions(r){var e=[];for(var t in r)isFunction$1(r[t])&&e.push(t);return e.sort()}function chainResult(r,e){return r._chain?_(e).chain():e}function mixin(r){return each(functions(r),function(e){var t=_[e]=r[e];_.prototype[e]=function(){var n=[this._wrapped];return push.apply(n,arguments),chainResult(this,t.apply(_,n))}}),_}mixin({chain,filter,each});class Converter{fromBlueprint(e,t=null){return map(e,(n,s)=>this.splitRhs(s,n,t))}toBlueprint(e){let t={};return each(e,n=>{t[n.field]=this.combineRhs(n)}),t}splitRhs(e,t,n=null){return{field:this.getScopedFieldHandle(e,n),operator:this.getOperatorFromRhs(t),value:this.getValueFromRhs(t)}}getScopedFieldHandle(e,t){return e.startsWith("root.")||!t?e:t+e}getOperatorFromRhs(e){let t="==";return chain(this.getOperatorsAndAliases()).filter(n=>new RegExp(`^${n} [^=]`).test(this.normalizeConditionString(e))).each(n=>t=n),this.normalizeOperator(t)}normalizeOperator(e){return ALIASES[e]?ALIASES[e]:e}getValueFromRhs(e){let t=this.normalizeConditionString(e);return chain(this.getOperatorsAndAliases()).filter(n=>new RegExp(`^${n} [^=]`).test(t)).each(n=>t=t.replace(new RegExp(`^${n}[ ]*`),"")),t}combineRhs(e){let t=e.operator?e.operator.trim():"",n=e.value.trim();return`${t} ${n}`.trim()}getOperatorsAndAliases(){return OPERATORS.concat(Object.keys(ALIASES))}normalizeConditionString(e){return e===null?"null":e===""?"empty":e.toString()}}function getDefaults(){return{async:!1,baseUrl:null,breaks:!1,extensions:null,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,hooks:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1}}let defaults=getDefaults();function changeDefaults(r){defaults=r}const escapeTest=/[&<>"']/,escapeReplace=new RegExp(escapeTest.source,"g"),escapeTestNoEncode=/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,escapeReplaceNoEncode=new RegExp(escapeTestNoEncode.source,"g"),escapeReplacements={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},getEscapeReplacement=r=>escapeReplacements[r];function escape(r,e){if(e){if(escapeTest.test(r))return r.replace(escapeReplace,getEscapeReplacement)}else if(escapeTestNoEncode.test(r))return r.replace(escapeReplaceNoEncode,getEscapeReplacement);return r}const unescapeTest=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;function unescape(r){return r.replace(unescapeTest,(e,t)=>(t=t.toLowerCase(),t==="colon"?":":t.charAt(0)==="#"?t.charAt(1)==="x"?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""))}const caret=/(^|[^\[])\^/g;function edit(r,e){r=typeof r=="string"?r:r.source,e=e||"";const t={replace:(n,s)=>(s=s.source||s,s=s.replace(caret,"$1"),r=r.replace(n,s),t),getRegex:()=>new RegExp(r,e)};return t}const nonWordAndColonTest=/[^\w:]/g,originIndependentUrl=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function cleanUrl(r,e,t){if(r){let n;try{n=decodeURIComponent(unescape(t)).replace(nonWordAndColonTest,"").toLowerCase()}catch{return null}if(n.indexOf("javascript:")===0||n.indexOf("vbscript:")===0||n.indexOf("data:")===0)return null}e&&!originIndependentUrl.test(t)&&(t=resolveUrl(e,t));try{t=encodeURI(t).replace(/%25/g,"%")}catch{return null}return t}const baseUrls={},justDomain=/^[^:]+:\/*[^/]*$/,protocol=/^([^:]+:)[\s\S]*$/,domain=/^([^:]+:\/*[^/]*)[\s\S]*$/;function resolveUrl(r,e){baseUrls[" "+r]||(justDomain.test(r)?baseUrls[" "+r]=r+"/":baseUrls[" "+r]=rtrim(r,"/",!0)),r=baseUrls[" "+r];const t=r.indexOf(":")===-1;return e.substring(0,2)==="//"?t?e:r.replace(protocol,"$1")+e:e.charAt(0)==="/"?t?e:r.replace(domain,"$1")+e:r+e}const noopTest={exec:function(){}};function splitCells(r,e){const t=r.replace(/\|/g,(l,o,a)=>{let c=!1,p=o;for(;--p>=0&&a[p]==="\\";)c=!c;return c?"|":" |"}),n=t.split(/ \|/);let s=0;if(n[0].trim()||n.shift(),n.length>0&&!n[n.length-1].trim()&&n.pop(),n.length>e)n.splice(e);else for(;n.length<e;)n.push("");for(;s<n.length;s++)n[s]=n[s].trim().replace(/\\\|/g,"|");return n}function rtrim(r,e,t){const n=r.length;if(n===0)return"";let s=0;for(;s<n;){const l=r.charAt(n-s-1);if(l===e&&!t)s++;else if(l!==e&&t)s++;else break}return r.slice(0,n-s)}function findClosingBracket(r,e){if(r.indexOf(e[1])===-1)return-1;const t=r.length;let n=0,s=0;for(;s<t;s++)if(r[s]==="\\")s++;else if(r[s]===e[0])n++;else if(r[s]===e[1]&&(n--,n<0))return s;return-1}function checkSanitizeDeprecation(r){r&&r.sanitize&&!r.silent&&console.warn("marked(): sanitize and sanitizer parameters are deprecated since version 0.7.0, should not be used and will be removed in the future. Read more here: https://marked.js.org/#/USING_ADVANCED.md#options")}function repeatString(r,e){if(e<1)return"";let t="";for(;e>1;)e&1&&(t+=r),e>>=1,r+=r;return t+r}function outputLink(r,e,t,n){const s=e.href,l=e.title?escape(e.title):null,o=r[1].replace(/\\([\[\]])/g,"$1");if(r[0].charAt(0)!=="!"){n.state.inLink=!0;const a={type:"link",raw:t,href:s,title:l,text:o,tokens:n.inlineTokens(o)};return n.state.inLink=!1,a}return{type:"image",raw:t,href:s,title:l,text:escape(o)}}function indentCodeCompensation(r,e){const t=r.match(/^(\s+)(?:```)/);if(t===null)return e;const n=t[1];return e.split(`
-`).map(s=>{const l=s.match(/^\s+/);if(l===null)return s;const[o]=l;return o.length>=n.length?s.slice(n.length):s}).join(`
-`)}class Tokenizer{constructor(e){this.options=e||defaults}space(e){const t=this.rules.block.newline.exec(e);if(t&&t[0].length>0)return{type:"space",raw:t[0]}}code(e){const t=this.rules.block.code.exec(e);if(t){const n=t[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:this.options.pedantic?n:rtrim(n,`
-`)}}}fences(e){const t=this.rules.block.fences.exec(e);if(t){const n=t[0],s=indentCodeCompensation(n,t[3]||"");return{type:"code",raw:n,lang:t[2]?t[2].trim().replace(this.rules.inline._escapes,"$1"):t[2],text:s}}}heading(e){const t=this.rules.block.heading.exec(e);if(t){let n=t[2].trim();if(/#$/.test(n)){const s=rtrim(n,"#");(this.options.pedantic||!s||/ $/.test(s))&&(n=s.trim())}return{type:"heading",raw:t[0],depth:t[1].length,text:n,tokens:this.lexer.inline(n)}}}hr(e){const t=this.rules.block.hr.exec(e);if(t)return{type:"hr",raw:t[0]}}blockquote(e){const t=this.rules.block.blockquote.exec(e);if(t){const n=t[0].replace(/^ *>[ \t]?/gm,""),s=this.lexer.state.top;this.lexer.state.top=!0;const l=this.lexer.blockTokens(n);return this.lexer.state.top=s,{type:"blockquote",raw:t[0],tokens:l,text:n}}}list(e){let t=this.rules.block.list.exec(e);if(t){let n,s,l,o,a,c,p,h,f,g,u,x,k=t[1].trim();const S=k.length>1,d={type:"list",raw:"",ordered:S,start:S?+k.slice(0,-1):"",loose:!1,items:[]};k=S?`\\d{1,9}\\${k.slice(-1)}`:`\\${k}`,this.options.pedantic&&(k=S?k:"[*+-]");const m=new RegExp(`^( {0,3}${k})((?:[	 ][^\\n]*)?(?:\\n|$))`);for(;e&&(x=!1,!(!(t=m.exec(e))||this.rules.block.hr.test(e)));){if(n=t[0],e=e.substring(n.length),h=t[2].split(`
-`,1)[0].replace(/^\t+/,y=>" ".repeat(3*y.length)),f=e.split(`
-`,1)[0],this.options.pedantic?(o=2,u=h.trimLeft()):(o=t[2].search(/[^ ]/),o=o>4?1:o,u=h.slice(o),o+=t[1].length),c=!1,!h&&/^ *$/.test(f)&&(n+=f+`
-`,e=e.substring(f.length+1),x=!0),!x){const y=new RegExp(`^ {0,${Math.min(3,o-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`),b=new RegExp(`^ {0,${Math.min(3,o-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),w=new RegExp(`^ {0,${Math.min(3,o-1)}}(?:\`\`\`|~~~)`),$=new RegExp(`^ {0,${Math.min(3,o-1)}}#`);for(;e&&(g=e.split(`
-`,1)[0],f=g,this.options.pedantic&&(f=f.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")),!(w.test(f)||$.test(f)||y.test(f)||b.test(e)));){if(f.search(/[^ ]/)>=o||!f.trim())u+=`
-`+f.slice(o);else{if(c||h.search(/[^ ]/)>=4||w.test(h)||$.test(h)||b.test(h))break;u+=`
-`+f}!c&&!f.trim()&&(c=!0),n+=g+`
-`,e=e.substring(g.length+1),h=f.slice(o)}}d.loose||(p?d.loose=!0:/\n *\n *$/.test(n)&&(p=!0)),this.options.gfm&&(s=/^\[[ xX]\] /.exec(u),s&&(l=s[0]!=="[ ] ",u=u.replace(/^\[[ xX]\] +/,""))),d.items.push({type:"list_item",raw:n,task:!!s,checked:l,loose:!1,text:u}),d.raw+=n}d.items[d.items.length-1].raw=n.trimRight(),d.items[d.items.length-1].text=u.trimRight(),d.raw=d.raw.trimRight();const v=d.items.length;for(a=0;a<v;a++)if(this.lexer.state.top=!1,d.items[a].tokens=this.lexer.blockTokens(d.items[a].text,[]),!d.loose){const y=d.items[a].tokens.filter(w=>w.type==="space"),b=y.length>0&&y.some(w=>/\n.*\n/.test(w.raw));d.loose=b}if(d.loose)for(a=0;a<v;a++)d.items[a].loose=!0;return d}}html(e){const t=this.rules.block.html.exec(e);if(t){const n={type:"html",raw:t[0],pre:!this.options.sanitizer&&(t[1]==="pre"||t[1]==="script"||t[1]==="style"),text:t[0]};if(this.options.sanitize){const s=this.options.sanitizer?this.options.sanitizer(t[0]):escape(t[0]);n.type="paragraph",n.text=s,n.tokens=this.lexer.inline(s)}return n}}def(e){const t=this.rules.block.def.exec(e);if(t){const n=t[1].toLowerCase().replace(/\s+/g," "),s=t[2]?t[2].replace(/^<(.*)>$/,"$1").replace(this.rules.inline._escapes,"$1"):"",l=t[3]?t[3].substring(1,t[3].length-1).replace(this.rules.inline._escapes,"$1"):t[3];return{type:"def",tag:n,raw:t[0],href:s,title:l}}}table(e){const t=this.rules.block.table.exec(e);if(t){const n={type:"table",header:splitCells(t[1]).map(s=>({text:s})),align:t[2].replace(/^ *|\| *$/g,"").split(/ *\| */),rows:t[3]&&t[3].trim()?t[3].replace(/\n[ \t]*$/,"").split(`
-`):[]};if(n.header.length===n.align.length){n.raw=t[0];let s=n.align.length,l,o,a,c;for(l=0;l<s;l++)/^ *-+: *$/.test(n.align[l])?n.align[l]="right":/^ *:-+: *$/.test(n.align[l])?n.align[l]="center":/^ *:-+ *$/.test(n.align[l])?n.align[l]="left":n.align[l]=null;for(s=n.rows.length,l=0;l<s;l++)n.rows[l]=splitCells(n.rows[l],n.header.length).map(p=>({text:p}));for(s=n.header.length,o=0;o<s;o++)n.header[o].tokens=this.lexer.inline(n.header[o].text);for(s=n.rows.length,o=0;o<s;o++)for(c=n.rows[o],a=0;a<c.length;a++)c[a].tokens=this.lexer.inline(c[a].text);return n}}}lheading(e){const t=this.rules.block.lheading.exec(e);if(t)return{type:"heading",raw:t[0],depth:t[2].charAt(0)==="="?1:2,text:t[1],tokens:this.lexer.inline(t[1])}}paragraph(e){const t=this.rules.block.paragraph.exec(e);if(t){const n=t[1].charAt(t[1].length-1)===`
-`?t[1].slice(0,-1):t[1];return{type:"paragraph",raw:t[0],text:n,tokens:this.lexer.inline(n)}}}text(e){const t=this.rules.block.text.exec(e);if(t)return{type:"text",raw:t[0],text:t[0],tokens:this.lexer.inline(t[0])}}escape(e){const t=this.rules.inline.escape.exec(e);if(t)return{type:"escape",raw:t[0],text:escape(t[1])}}tag(e){const t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&/^<a /i.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\/a>/i.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0])&&(this.lexer.state.inRawBlock=!1),{type:this.options.sanitize?"text":"html",raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(t[0]):escape(t[0]):t[0]}}link(e){const t=this.rules.inline.link.exec(e);if(t){const n=t[2].trim();if(!this.options.pedantic&&/^</.test(n)){if(!/>$/.test(n))return;const o=rtrim(n.slice(0,-1),"\\");if((n.length-o.length)%2===0)return}else{const o=findClosingBracket(t[2],"()");if(o>-1){const c=(t[0].indexOf("!")===0?5:4)+t[1].length+o;t[2]=t[2].substring(0,o),t[0]=t[0].substring(0,c).trim(),t[3]=""}}let s=t[2],l="";if(this.options.pedantic){const o=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(s);o&&(s=o[1],l=o[3])}else l=t[3]?t[3].slice(1,-1):"";return s=s.trim(),/^</.test(s)&&(this.options.pedantic&&!/>$/.test(n)?s=s.slice(1):s=s.slice(1,-1)),outputLink(t,{href:s&&s.replace(this.rules.inline._escapes,"$1"),title:l&&l.replace(this.rules.inline._escapes,"$1")},t[0],this.lexer)}}reflink(e,t){let n;if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){let s=(n[2]||n[1]).replace(/\s+/g," ");if(s=t[s.toLowerCase()],!s){const l=n[0].charAt(0);return{type:"text",raw:l,text:l}}return outputLink(n,s,n[0],this.lexer)}}emStrong(e,t,n=""){let s=this.rules.inline.emStrong.lDelim.exec(e);if(!s||s[3]&&n.match(/[\p{L}\p{N}]/u))return;const l=s[1]||s[2]||"";if(!l||l&&(n===""||this.rules.inline.punctuation.exec(n))){const o=s[0].length-1;let a,c,p=o,h=0;const f=s[0][0]==="*"?this.rules.inline.emStrong.rDelimAst:this.rules.inline.emStrong.rDelimUnd;for(f.lastIndex=0,t=t.slice(-1*e.length+o);(s=f.exec(t))!=null;){if(a=s[1]||s[2]||s[3]||s[4]||s[5]||s[6],!a)continue;if(c=a.length,s[3]||s[4]){p+=c;continue}else if((s[5]||s[6])&&o%3&&!((o+c)%3)){h+=c;continue}if(p-=c,p>0)continue;c=Math.min(c,c+p+h);const g=e.slice(0,o+s.index+(s[0].length-a.length)+c);if(Math.min(o,c)%2){const x=g.slice(1,-1);return{type:"em",raw:g,text:x,tokens:this.lexer.inlineTokens(x)}}const u=g.slice(2,-2);return{type:"strong",raw:g,text:u,tokens:this.lexer.inlineTokens(u)}}}}codespan(e){const t=this.rules.inline.code.exec(e);if(t){let n=t[2].replace(/\n/g," ");const s=/[^ ]/.test(n),l=/^ /.test(n)&&/ $/.test(n);return s&&l&&(n=n.substring(1,n.length-1)),n=escape(n,!0),{type:"codespan",raw:t[0],text:n}}}br(e){const t=this.rules.inline.br.exec(e);if(t)return{type:"br",raw:t[0]}}del(e){const t=this.rules.inline.del.exec(e);if(t)return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2])}}autolink(e,t){const n=this.rules.inline.autolink.exec(e);if(n){let s,l;return n[2]==="@"?(s=escape(this.options.mangle?t(n[1]):n[1]),l="mailto:"+s):(s=escape(n[1]),l=s),{type:"link",raw:n[0],text:s,href:l,tokens:[{type:"text",raw:s,text:s}]}}}url(e,t){let n;if(n=this.rules.inline.url.exec(e)){let s,l;if(n[2]==="@")s=escape(this.options.mangle?t(n[0]):n[0]),l="mailto:"+s;else{let o;do o=n[0],n[0]=this.rules.inline._backpedal.exec(n[0])[0];while(o!==n[0]);s=escape(n[0]),n[1]==="www."?l="http://"+n[0]:l=n[0]}return{type:"link",raw:n[0],text:s,href:l,tokens:[{type:"text",raw:s,text:s}]}}}inlineText(e,t){const n=this.rules.inline.text.exec(e);if(n){let s;return this.lexer.state.inRawBlock?s=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(n[0]):escape(n[0]):n[0]:s=escape(this.options.smartypants?t(n[0]):n[0]),{type:"text",raw:n[0],text:s}}}}const block={newline:/^(?: *(?:\n|$))+/,code:/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,fences:/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,hr:/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/,html:"^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))",def:/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/,table:noopTest,lheading:/^((?:.|\n(?!\n))+?)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,text:/^[^\n]+/};block._label=/(?!\s*\])(?:\\.|[^\[\]\\])+/,block._title=/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/,block.def=edit(block.def).replace("label",block._label).replace("title",block._title).getRegex(),block.bullet=/(?:[*+-]|\d{1,9}[.)])/,block.listItemStart=edit(/^( *)(bull) */).replace("bull",block.bullet).getRegex(),block.list=edit(block.list).replace(/bull/g,block.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+block.def.source+")").getRegex(),block._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",block._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,block.html=edit(block.html,"i").replace("comment",block._comment).replace("tag",block._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),block.paragraph=edit(block._paragraph).replace("hr",block.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",block._tag).getRegex(),block.blockquote=edit(block.blockquote).replace("paragraph",block.paragraph).getRegex(),block.normal={...block},block.gfm={...block.normal,table:"^ *([^\\n ].*\\|.*)\\n {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"},block.gfm.table=edit(block.gfm.table).replace("hr",block.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",block._tag).getRegex(),block.gfm.paragraph=edit(block._paragraph).replace("hr",block.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("table",block.gfm.table).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",block._tag).getRegex(),block.pedantic={...block.normal,html:edit(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment",block._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:noopTest,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:edit(block.normal._paragraph).replace("hr",block.hr).replace("heading",` *#{1,6} *[^
-]`).replace("lheading",block.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()};const inline={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:noopTest,tag:"^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>",link:/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(ref)\]/,nolink:/^!?\[(ref)\](?:\[\])?/,reflinkSearch:"reflink|nolink(?!\\()",emStrong:{lDelim:/^(?:\*+(?:([punct_])|[^\s*]))|^_+(?:([punct*])|([^\s_]))/,rDelimAst:/^(?:[^_*\\]|\\.)*?\_\_(?:[^_*\\]|\\.)*?\*(?:[^_*\\]|\\.)*?(?=\_\_)|(?:[^*\\]|\\.)+(?=[^*])|[punct_](\*+)(?=[\s]|$)|(?:[^punct*_\s\\]|\\.)(\*+)(?=[punct_\s]|$)|[punct_\s](\*+)(?=[^punct*_\s])|[\s](\*+)(?=[punct_])|[punct_](\*+)(?=[punct_])|(?:[^punct*_\s\\]|\\.)(\*+)(?=[^punct*_\s])/,rDelimUnd:/^(?:[^_*\\]|\\.)*?\*\*(?:[^_*\\]|\\.)*?\_(?:[^_*\\]|\\.)*?(?=\*\*)|(?:[^_\\]|\\.)+(?=[^_])|[punct*](\_+)(?=[\s]|$)|(?:[^punct*_\s\\]|\\.)(\_+)(?=[punct*\s]|$)|[punct*\s](\_+)(?=[^punct*_\s])|[\s](\_+)(?=[punct*])|[punct*](\_+)(?=[punct*])/},code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:noopTest,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\spunctuation])/};inline._punctuation="!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~",inline.punctuation=edit(inline.punctuation).replace(/punctuation/g,inline._punctuation).getRegex(),inline.blockSkip=/\[[^\]]*?\]\([^\)]*?\)|`[^`]*?`|<[^>]*?>/g,inline.escapedEmSt=/(?:^|[^\\])(?:\\\\)*\\[*_]/g,inline._comment=edit(block._comment).replace("(?:-->|$)","-->").getRegex(),inline.emStrong.lDelim=edit(inline.emStrong.lDelim).replace(/punct/g,inline._punctuation).getRegex(),inline.emStrong.rDelimAst=edit(inline.emStrong.rDelimAst,"g").replace(/punct/g,inline._punctuation).getRegex(),inline.emStrong.rDelimUnd=edit(inline.emStrong.rDelimUnd,"g").replace(/punct/g,inline._punctuation).getRegex(),inline._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,inline._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,inline._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,inline.autolink=edit(inline.autolink).replace("scheme",inline._scheme).replace("email",inline._email).getRegex(),inline._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,inline.tag=edit(inline.tag).replace("comment",inline._comment).replace("attribute",inline._attribute).getRegex(),inline._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,inline._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/,inline._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,inline.link=edit(inline.link).replace("label",inline._label).replace("href",inline._href).replace("title",inline._title).getRegex(),inline.reflink=edit(inline.reflink).replace("label",inline._label).replace("ref",block._label).getRegex(),inline.nolink=edit(inline.nolink).replace("ref",block._label).getRegex(),inline.reflinkSearch=edit(inline.reflinkSearch,"g").replace("reflink",inline.reflink).replace("nolink",inline.nolink).getRegex(),inline.normal={...inline},inline.pedantic={...inline.normal,strong:{start:/^__|\*\*/,middle:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,endAst:/\*\*(?!\*)/g,endUnd:/__(?!_)/g},em:{start:/^_|\*/,middle:/^()\*(?=\S)([\s\S]*?\S)\*(?!\*)|^_(?=\S)([\s\S]*?\S)_(?!_)/,endAst:/\*(?!\*)/g,endUnd:/_(?!_)/g},link:edit(/^!?\[(label)\]\((.*?)\)/).replace("label",inline._label).getRegex(),reflink:edit(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",inline._label).getRegex()},inline.gfm={...inline.normal,escape:edit(inline.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/},inline.gfm.url=edit(inline.gfm.url,"i").replace("email",inline.gfm._extended_email).getRegex(),inline.breaks={...inline.gfm,br:edit(inline.br).replace("{2,}","*").getRegex(),text:edit(inline.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()};function smartypants(r){return r.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…")}function mangle(r){let e="",t,n;const s=r.length;for(t=0;t<s;t++)n=r.charCodeAt(t),Math.random()>.5&&(n="x"+n.toString(16)),e+="&#"+n+";";return e}class Lexer{constructor(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||defaults,this.options.tokenizer=this.options.tokenizer||new Tokenizer,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};const t={block:block.normal,inline:inline.normal};this.options.pedantic?(t.block=block.pedantic,t.inline=inline.pedantic):this.options.gfm&&(t.block=block.gfm,this.options.breaks?t.inline=inline.breaks:t.inline=inline.gfm),this.tokenizer.rules=t}static get rules(){return{block,inline}}static lex(e,t){return new Lexer(t).lex(e)}static lexInline(e,t){return new Lexer(t).inlineTokens(e)}lex(e){e=e.replace(/\r\n|\r/g,`
-`),this.blockTokens(e,this.tokens);let t;for(;t=this.inlineQueue.shift();)this.inlineTokens(t.src,t.tokens);return this.tokens}blockTokens(e,t=[]){this.options.pedantic?e=e.replace(/\t/g,"    ").replace(/^ +$/gm,""):e=e.replace(/^( *)(\t+)/gm,(a,c,p)=>c+"    ".repeat(p.length));let n,s,l,o;for(;e;)if(!(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some(a=>(n=a.call({lexer:this},e,t))?(e=e.substring(n.raw.length),t.push(n),!0):!1))){if(n=this.tokenizer.space(e)){e=e.substring(n.raw.length),n.raw.length===1&&t.length>0?t[t.length-1].raw+=`
-`:t.push(n);continue}if(n=this.tokenizer.code(e)){e=e.substring(n.raw.length),s=t[t.length-1],s&&(s.type==="paragraph"||s.type==="text")?(s.raw+=`
-`+n.raw,s.text+=`
-`+n.text,this.inlineQueue[this.inlineQueue.length-1].src=s.text):t.push(n);continue}if(n=this.tokenizer.fences(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.heading(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.hr(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.blockquote(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.list(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.html(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.def(e)){e=e.substring(n.raw.length),s=t[t.length-1],s&&(s.type==="paragraph"||s.type==="text")?(s.raw+=`
-`+n.raw,s.text+=`
-`+n.raw,this.inlineQueue[this.inlineQueue.length-1].src=s.text):this.tokens.links[n.tag]||(this.tokens.links[n.tag]={href:n.href,title:n.title});continue}if(n=this.tokenizer.table(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.lheading(e)){e=e.substring(n.raw.length),t.push(n);continue}if(l=e,this.options.extensions&&this.options.extensions.startBlock){let a=1/0;const c=e.slice(1);let p;this.options.extensions.startBlock.forEach(function(h){p=h.call({lexer:this},c),typeof p=="number"&&p>=0&&(a=Math.min(a,p))}),a<1/0&&a>=0&&(l=e.substring(0,a+1))}if(this.state.top&&(n=this.tokenizer.paragraph(l))){s=t[t.length-1],o&&s.type==="paragraph"?(s.raw+=`
-`+n.raw,s.text+=`
-`+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=s.text):t.push(n),o=l.length!==e.length,e=e.substring(n.raw.length);continue}if(n=this.tokenizer.text(e)){e=e.substring(n.raw.length),s=t[t.length-1],s&&s.type==="text"?(s.raw+=`
-`+n.raw,s.text+=`
-`+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=s.text):t.push(n);continue}if(e){const a="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(a);break}else throw new Error(a)}}return this.state.top=!0,t}inline(e,t=[]){return this.inlineQueue.push({src:e,tokens:t}),t}inlineTokens(e,t=[]){let n,s,l,o=e,a,c,p;if(this.tokens.links){const h=Object.keys(this.tokens.links);if(h.length>0)for(;(a=this.tokenizer.rules.inline.reflinkSearch.exec(o))!=null;)h.includes(a[0].slice(a[0].lastIndexOf("[")+1,-1))&&(o=o.slice(0,a.index)+"["+repeatString("a",a[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;(a=this.tokenizer.rules.inline.blockSkip.exec(o))!=null;)o=o.slice(0,a.index)+"["+repeatString("a",a[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;(a=this.tokenizer.rules.inline.escapedEmSt.exec(o))!=null;)o=o.slice(0,a.index+a[0].length-2)+"++"+o.slice(this.tokenizer.rules.inline.escapedEmSt.lastIndex),this.tokenizer.rules.inline.escapedEmSt.lastIndex--;for(;e;)if(c||(p=""),c=!1,!(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some(h=>(n=h.call({lexer:this},e,t))?(e=e.substring(n.raw.length),t.push(n),!0):!1))){if(n=this.tokenizer.escape(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.tag(e)){e=e.substring(n.raw.length),s=t[t.length-1],s&&n.type==="text"&&s.type==="text"?(s.raw+=n.raw,s.text+=n.text):t.push(n);continue}if(n=this.tokenizer.link(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.reflink(e,this.tokens.links)){e=e.substring(n.raw.length),s=t[t.length-1],s&&n.type==="text"&&s.type==="text"?(s.raw+=n.raw,s.text+=n.text):t.push(n);continue}if(n=this.tokenizer.emStrong(e,o,p)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.codespan(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.br(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.del(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.autolink(e,mangle)){e=e.substring(n.raw.length),t.push(n);continue}if(!this.state.inLink&&(n=this.tokenizer.url(e,mangle))){e=e.substring(n.raw.length),t.push(n);continue}if(l=e,this.options.extensions&&this.options.extensions.startInline){let h=1/0;const f=e.slice(1);let g;this.options.extensions.startInline.forEach(function(u){g=u.call({lexer:this},f),typeof g=="number"&&g>=0&&(h=Math.min(h,g))}),h<1/0&&h>=0&&(l=e.substring(0,h+1))}if(n=this.tokenizer.inlineText(l,smartypants)){e=e.substring(n.raw.length),n.raw.slice(-1)!=="_"&&(p=n.raw.slice(-1)),c=!0,s=t[t.length-1],s&&s.type==="text"?(s.raw+=n.raw,s.text+=n.text):t.push(n);continue}if(e){const h="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(h);break}else throw new Error(h)}}return t}}class Renderer{constructor(e){this.options=e||defaults}code(e,t,n){const s=(t||"").match(/\S*/)[0];if(this.options.highlight){const l=this.options.highlight(e,s);l!=null&&l!==e&&(n=!0,e=l)}return e=e.replace(/\n$/,"")+`
-`,s?'<pre><code class="'+this.options.langPrefix+escape(s)+'">'+(n?e:escape(e,!0))+`</code></pre>
-`:"<pre><code>"+(n?e:escape(e,!0))+`</code></pre>
-`}blockquote(e){return`<blockquote>
-${e}</blockquote>
-`}html(e){return e}heading(e,t,n,s){if(this.options.headerIds){const l=this.options.headerPrefix+s.slug(n);return`<h${t} id="${l}">${e}</h${t}>
-`}return`<h${t}>${e}</h${t}>
+(function(e){typeof define=="function"&&define.amd?define(e):e()})(function(){"use strict";var Q=Object.defineProperty;var K=(e,t,a)=>t in e?Q(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;var Z=(e,t,a)=>(K(e,typeof t!="symbol"?t+"":t,a),a);/*!
+ * FilePond 4.30.6
+ * Licensed under MIT, https://opensource.org/licenses/MIT/
+ * Please visit https://pqina.nl/filepond/ for details.
+ */const isNode=e=>e instanceof HTMLElement,createStore=(e,t=[],a=[])=>{const n={...e},l=[],r=[],s=()=>({...n}),o=()=>{const g=[...l];return l.length=0,g},c=()=>{const g=[...r];r.length=0,g.forEach(({type:E,data:T})=>{u(E,T)})},u=(g,E,T)=>{if(T&&!document.hidden){r.push({type:g,data:E});return}m[g]&&m[g](E),l.push({type:g,data:E})},d=(g,...E)=>h[g]?h[g](...E):null,p={getState:s,processActionQueue:o,processDispatchQueue:c,dispatch:u,query:d};let h={};t.forEach(g=>{h={...g(n),...h}});let m={};return a.forEach(g=>{m={...g(u,d,n),...m}}),p},defineProperty=(e,t,a)=>{if(typeof a=="function"){e[t]=a;return}Object.defineProperty(e,t,{...a})},forin=(e,t)=>{for(const a in e)e.hasOwnProperty(a)&&t(a,e[a])},createObject=e=>{const t={};return forin(e,a=>{defineProperty(t,a,e[a])}),t},attr=(e,t,a=null)=>{if(a===null)return e.getAttribute(t)||e.hasAttribute(t);e.setAttribute(t,a)},ns$1="http://www.w3.org/2000/svg",svgElements=["svg","path"],isSVGElement=e=>svgElements.includes(e),createElement=(e,t,a={})=>{typeof t=="object"&&(a=t,t=null);const n=isSVGElement(e)?document.createElementNS(ns$1,e):document.createElement(e);return t&&(isSVGElement(e)?attr(n,"class",t):n.className=t),forin(a,(l,r)=>{attr(n,l,r)}),n},appendChild=e=>(t,a)=>{typeof a<"u"&&e.children[a]?e.insertBefore(t,e.children[a]):e.appendChild(t)},appendChildView=(e,t)=>(a,n)=>(typeof n<"u"?t.splice(n,0,a):t.push(a),a),removeChildView=(e,t)=>a=>(t.splice(t.indexOf(a),1),a.element.parentNode&&e.removeChild(a.element),a),IS_BROWSER=(()=>typeof window<"u"&&typeof window.document<"u")(),isBrowser$4=()=>IS_BROWSER,testElement=isBrowser$4()?createElement("svg"):{},getChildCount="children"in testElement?e=>e.children.length:e=>e.childNodes.length,getViewRect=(e,t,a,n)=>{const l=a[0]||e.left,r=a[1]||e.top,s=l+e.width,o=r+e.height*(n[1]||1),c={element:{...e},inner:{left:e.left,top:e.top,right:e.right,bottom:e.bottom},outer:{left:l,top:r,right:s,bottom:o}};return t.filter(u=>!u.isRectIgnored()).map(u=>u.rect).forEach(u=>{expandRect(c.inner,{...u.inner}),expandRect(c.outer,{...u.outer})}),calculateRectSize(c.inner),c.outer.bottom+=c.element.marginBottom,c.outer.right+=c.element.marginRight,calculateRectSize(c.outer),c},expandRect=(e,t)=>{t.top+=e.top,t.right+=e.left,t.bottom+=e.top,t.left+=e.left,t.bottom>e.bottom&&(e.bottom=t.bottom),t.right>e.right&&(e.right=t.right)},calculateRectSize=e=>{e.width=e.right-e.left,e.height=e.bottom-e.top},isNumber$1=e=>typeof e=="number",thereYet=(e,t,a,n=.001)=>Math.abs(e-t)<n&&Math.abs(a)<n,spring=({stiffness:e=.5,damping:t=.75,mass:a=10}={})=>{let n=null,l=null,r=0,s=!1;const u=createObject({interpolate:(d,p)=>{if(s)return;if(!(isNumber$1(n)&&isNumber$1(l))){s=!0,r=0;return}const h=-(l-n)*e;r+=h/a,l+=r,r*=t,thereYet(l,n,r)||p?(l=n,r=0,s=!0,u.onupdate(l),u.oncomplete(l)):u.onupdate(l)},target:{set:d=>{if(isNumber$1(d)&&!isNumber$1(l)&&(l=d),n===null&&(n=d,l=d),n=d,l===n||typeof n>"u"){s=!0,r=0,u.onupdate(l),u.oncomplete(l);return}s=!1},get:()=>n},resting:{get:()=>s},onupdate:d=>{},oncomplete:d=>{}});return u},easeInOutQuad=e=>e<.5?2*e*e:-1+(4-2*e)*e,tween=({duration:e=500,easing:t=easeInOutQuad,delay:a=0}={})=>{let n=null,l,r,s=!0,o=!1,c=null;const d=createObject({interpolate:(p,h)=>{s||c===null||(n===null&&(n=p),!(p-n<a)&&(l=p-n-a,l>=e||h?(l=1,r=o?0:1,d.onupdate(r*c),d.oncomplete(r*c),s=!0):(r=l/e,d.onupdate((l>=0?t(o?1-r:r):0)*c))))},target:{get:()=>o?0:c,set:p=>{if(c===null){c=p,d.onupdate(p),d.oncomplete(p);return}p<c?(c=1,o=!0):(o=!1,c=p),s=!1,n=null}},resting:{get:()=>s},onupdate:p=>{},oncomplete:p=>{}});return d},animator={spring,tween},createAnimator=(e,t,a)=>{const n=e[t]&&typeof e[t][a]=="object"?e[t][a]:e[t]||e,l=typeof n=="string"?n:n.type,r=typeof n=="object"?{...n}:{};return animator[l]?animator[l](r):null},addGetSet=(e,t,a,n=!1)=>{t=Array.isArray(t)?t:[t],t.forEach(l=>{e.forEach(r=>{let s=r,o=()=>a[r],c=u=>a[r]=u;typeof r=="object"&&(s=r.key,o=r.getter||o,c=r.setter||c),!(l[s]&&!n)&&(l[s]={get:o,set:c})})})},animations=({mixinConfig:e,viewProps:t,viewInternalAPI:a,viewExternalAPI:n})=>{const l={...t},r=[];return forin(e,(s,o)=>{const c=createAnimator(o);if(!c)return;c.onupdate=d=>{t[s]=d},c.target=l[s],addGetSet([{key:s,setter:d=>{c.target!==d&&(c.target=d)},getter:()=>t[s]}],[a,n],t,!0),r.push(c)}),{write:s=>{let o=document.hidden,c=!0;return r.forEach(u=>{u.resting||(c=!1),u.interpolate(s,o)}),c},destroy:()=>{}}},addEvent=e=>(t,a)=>{e.addEventListener(t,a)},removeEvent=e=>(t,a)=>{e.removeEventListener(t,a)},listeners=({mixinConfig:e,viewProps:t,viewInternalAPI:a,viewExternalAPI:n,viewState:l,view:r})=>{const s=[],o=addEvent(r.element),c=removeEvent(r.element);return n.on=(u,d)=>{s.push({type:u,fn:d}),o(u,d)},n.off=(u,d)=>{s.splice(s.findIndex(p=>p.type===u&&p.fn===d),1),c(u,d)},{write:()=>!0,destroy:()=>{s.forEach(u=>{c(u.type,u.fn)})}}},apis=({mixinConfig:e,viewProps:t,viewExternalAPI:a})=>{addGetSet(e,a,t)},isDefined$1=e=>e!=null,defaults$1={opacity:1,scaleX:1,scaleY:1,translateX:0,translateY:0,rotateX:0,rotateY:0,rotateZ:0,originX:0,originY:0},styles=({mixinConfig:e,viewProps:t,viewInternalAPI:a,viewExternalAPI:n,view:l})=>{const r={...t},s={};addGetSet(e,[a,n],t);const o=()=>[t.translateX||0,t.translateY||0],c=()=>[t.scaleX||0,t.scaleY||0],u=()=>l.rect?getViewRect(l.rect,l.childViews,o(),c()):null;return a.rect={get:u},n.rect={get:u},e.forEach(d=>{t[d]=typeof r[d]>"u"?defaults$1[d]:r[d]}),{write:()=>{if(propsHaveChanged(s,t))return applyStyles(l.element,t),Object.assign(s,{...t}),!0},destroy:()=>{}}},propsHaveChanged=(e,t)=>{if(Object.keys(e).length!==Object.keys(t).length)return!0;for(const a in t)if(t[a]!==e[a])return!0;return!1},applyStyles=(e,{opacity:t,perspective:a,translateX:n,translateY:l,scaleX:r,scaleY:s,rotateX:o,rotateY:c,rotateZ:u,originX:d,originY:p,width:h,height:m})=>{let g="",E="";(isDefined$1(d)||isDefined$1(p))&&(E+=`transform-origin: ${d||0}px ${p||0}px;`),isDefined$1(a)&&(g+=`perspective(${a}px) `),(isDefined$1(n)||isDefined$1(l))&&(g+=`translate3d(${n||0}px, ${l||0}px, 0) `),(isDefined$1(r)||isDefined$1(s))&&(g+=`scale3d(${isDefined$1(r)?r:1}, ${isDefined$1(s)?s:1}, 1) `),isDefined$1(u)&&(g+=`rotateZ(${u}rad) `),isDefined$1(o)&&(g+=`rotateX(${o}rad) `),isDefined$1(c)&&(g+=`rotateY(${c}rad) `),g.length&&(E+=`transform:${g};`),isDefined$1(t)&&(E+=`opacity:${t};`,t===0&&(E+="visibility:hidden;"),t<1&&(E+="pointer-events:none;")),isDefined$1(m)&&(E+=`height:${m}px;`),isDefined$1(h)&&(E+=`width:${h}px;`);const T=e.elementCurrentStyle||"";(E.length!==T.length||E!==T)&&(e.style.cssText=E,e.elementCurrentStyle=E)},Mixins={styles,listeners,animations,apis},updateRect$1=(e={},t={},a={})=>(t.layoutCalculated||(e.paddingTop=parseInt(a.paddingTop,10)||0,e.marginTop=parseInt(a.marginTop,10)||0,e.marginRight=parseInt(a.marginRight,10)||0,e.marginBottom=parseInt(a.marginBottom,10)||0,e.marginLeft=parseInt(a.marginLeft,10)||0,t.layoutCalculated=!0),e.left=t.offsetLeft||0,e.top=t.offsetTop||0,e.width=t.offsetWidth||0,e.height=t.offsetHeight||0,e.right=e.left+e.width,e.bottom=e.top+e.height,e.scrollTop=t.scrollTop,e.hidden=t.offsetParent===null,e),createView=({tag:e="div",name:t=null,attributes:a={},read:n=()=>{},write:l=()=>{},create:r=()=>{},destroy:s=()=>{},filterFrameActionsForChild:o=(m,g)=>g,didCreateView:c=()=>{},didWriteView:u=()=>{},ignoreRect:d=!1,ignoreRectUpdate:p=!1,mixins:h=[]}={})=>(m,g={})=>{const E=createElement(e,`filepond--${t}`,a),T=window.getComputedStyle(E,null),I=updateRect$1();let f=null,b=!1;const S=[],R=[],A={},O={},L=[l],P=[n],D=[s],M=()=>E,z=()=>S.concat(),V=()=>A,x=B=>(G,H)=>G(B,H),k=()=>f||(f=getViewRect(I,S,[0,0],[1,1]),f),y=()=>T,F=()=>{f=null,S.forEach(H=>H._read()),!(p&&I.width&&I.height)&&updateRect$1(I,E,T);const G={root:$,props:g,rect:I};P.forEach(H=>H(G))},w=(B,G,H)=>{let q=G.length===0;return L.forEach(U=>{U({props:g,root:$,actions:G,timestamp:B,shouldOptimize:H})===!1&&(q=!1)}),R.forEach(U=>{U.write(B)===!1&&(q=!1)}),S.filter(U=>!!U.element.parentNode).forEach(U=>{U._write(B,o(U,G),H)||(q=!1)}),S.forEach((U,Y)=>{U.element.parentNode||($.appendChild(U.element,Y),U._read(),U._write(B,o(U,G),H),q=!1)}),b=q,u({props:g,root:$,actions:G,timestamp:B}),q},v=()=>{R.forEach(B=>B.destroy()),D.forEach(B=>{B({root:$,props:g})}),S.forEach(B=>B._destroy())},C={element:{get:M},style:{get:y},childViews:{get:z}},N={...C,rect:{get:k},ref:{get:V},is:B=>t===B,appendChild:appendChild(E),createChildView:x(m),linkView:B=>(S.push(B),B),unlinkView:B=>{S.splice(S.indexOf(B),1)},appendChildView:appendChildView(E,S),removeChildView:removeChildView(E,S),registerWriter:B=>L.push(B),registerReader:B=>P.push(B),registerDestroyer:B=>D.push(B),invalidateLayout:()=>E.layoutCalculated=!1,dispatch:m.dispatch,query:m.query},W={element:{get:M},childViews:{get:z},rect:{get:k},resting:{get:()=>b},isRectIgnored:()=>d,_read:F,_write:w,_destroy:v},j={...C,rect:{get:()=>I}};Object.keys(h).sort((B,G)=>B==="styles"?1:G==="styles"?-1:0).forEach(B=>{const G=Mixins[B]({mixinConfig:h[B],viewProps:g,viewState:O,viewInternalAPI:N,viewExternalAPI:W,view:createObject(j)});G&&R.push(G)});const $=createObject(N);r({root:$,props:g});const X=getChildCount(E);return S.forEach((B,G)=>{$.appendChild(B.element,X+G)}),c($),createObject(W)},createPainter=(e,t,a=60)=>{const n="__framePainter";if(window[n]){window[n].readers.push(e),window[n].writers.push(t);return}window[n]={readers:[e],writers:[t]};const l=window[n],r=1e3/a;let s=null,o=null,c=null,u=null;const d=()=>{document.hidden?(c=()=>window.setTimeout(()=>p(performance.now()),r),u=()=>window.clearTimeout(o)):(c=()=>window.requestAnimationFrame(p),u=()=>window.cancelAnimationFrame(o))};document.addEventListener("visibilitychange",()=>{u&&u(),d(),p(performance.now())});const p=h=>{o=c(p),s||(s=h);const m=h-s;m<=r||(s=h-m%r,l.readers.forEach(g=>g()),l.writers.forEach(g=>g(h)))};return d(),p(performance.now()),{pause:()=>{u(o)}}},createRoute=(e,t)=>({root:a,props:n,actions:l=[],timestamp:r,shouldOptimize:s})=>{l.filter(o=>e[o.type]).forEach(o=>e[o.type]({root:a,props:n,action:o.data,timestamp:r,shouldOptimize:s})),t&&t({root:a,props:n,actions:l,timestamp:r,shouldOptimize:s})},insertBefore=(e,t)=>t.parentNode.insertBefore(e,t),insertAfter=(e,t)=>t.parentNode.insertBefore(e,t.nextSibling),isArray$1=e=>Array.isArray(e),isEmpty$1=e=>e==null,trim=e=>e.trim(),toString$1=e=>""+e,toArray=(e,t=",")=>isEmpty$1(e)?[]:isArray$1(e)?e:toString$1(e).split(t).map(trim).filter(a=>a.length),isBoolean=e=>typeof e=="boolean",toBoolean=e=>isBoolean(e)?e:e==="true",isString$1=e=>typeof e=="string",toNumber=e=>isNumber$1(e)?e:isString$1(e)?toString$1(e).replace(/[a-z]+/gi,""):0,toInt=e=>parseInt(toNumber(e),10),toFloat=e=>parseFloat(toNumber(e)),isInt=e=>isNumber$1(e)&&isFinite(e)&&Math.floor(e)===e,toBytes=(e,t=1e3)=>{if(isInt(e))return e;let a=toString$1(e).trim();return/MB$/i.test(a)?(a=a.replace(/MB$i/,"").trim(),toInt(a)*t*t):/KB/i.test(a)?(a=a.replace(/KB$i/,"").trim(),toInt(a)*t):toInt(a)},isFunction$2=e=>typeof e=="function",toFunctionReference=e=>{let t=self,a=e.split("."),n=null;for(;n=a.shift();)if(t=t[n],!t)return null;return t},methods={process:"POST",patch:"PATCH",revert:"DELETE",fetch:"GET",restore:"GET",load:"GET"},createServerAPI=e=>{const t={};return t.url=isString$1(e)?e:e.url||"",t.timeout=e.timeout?parseInt(e.timeout,10):0,t.headers=e.headers?e.headers:{},forin(methods,a=>{t[a]=createAction(a,e[a],methods[a],t.timeout,t.headers)}),t.process=e.process||isString$1(e)||e.url?t.process:null,t.remove=e.remove||null,delete t.headers,t},createAction=(e,t,a,n,l)=>{if(t===null)return null;if(typeof t=="function")return t;const r={url:a==="GET"||a==="PATCH"?`?${e}=`:"",method:a,headers:l,withCredentials:!1,timeout:n,onload:null,ondata:null,onerror:null};if(isString$1(t))return r.url=t,r;if(Object.assign(r,t),isString$1(r.headers)){const s=r.headers.split(/:(.+)/);r.headers={header:s[0],value:s[1]}}return r.withCredentials=toBoolean(r.withCredentials),r},toServerAPI=e=>createServerAPI(e),isNull=e=>e===null,isObject$1=e=>typeof e=="object"&&e!==null,isAPI=e=>isObject$1(e)&&isString$1(e.url)&&isObject$1(e.process)&&isObject$1(e.revert)&&isObject$1(e.restore)&&isObject$1(e.fetch),getType=e=>isArray$1(e)?"array":isNull(e)?"null":isInt(e)?"int":/^[0-9]+ ?(?:GB|MB|KB)$/gi.test(e)?"bytes":isAPI(e)?"api":typeof e,replaceSingleQuotes=e=>e.replace(/{\s*'/g,'{"').replace(/'\s*}/g,'"}').replace(/'\s*:/g,'":').replace(/:\s*'/g,':"').replace(/,\s*'/g,',"').replace(/'\s*,/g,'",'),conversionTable={array:toArray,boolean:toBoolean,int:e=>getType(e)==="bytes"?toBytes(e):toInt(e),number:toFloat,float:toFloat,bytes:toBytes,string:e=>isFunction$2(e)?e:toString$1(e),function:e=>toFunctionReference(e),serverapi:toServerAPI,object:e=>{try{return JSON.parse(replaceSingleQuotes(e))}catch{return null}}},convertTo=(e,t)=>conversionTable[t](e),getValueByType=(e,t,a)=>{if(e===t)return e;let n=getType(e);if(n!==a){const l=convertTo(e,a);if(n=getType(l),l===null)throw`Trying to assign value with incorrect type to "${option}", allowed type: "${a}"`;e=l}return e},createOption=(e,t)=>{let a=e;return{enumerable:!0,get:()=>a,set:n=>{a=getValueByType(n,e,t)}}},createOptions=e=>{const t={};return forin(e,a=>{const n=e[a];t[a]=createOption(n[0],n[1])}),createObject(t)},createInitialState=e=>({items:[],listUpdateTimeout:null,itemUpdateTimeout:null,processingQueue:[],options:createOptions(e)}),fromCamels=(e,t="-")=>e.split(/(?=[A-Z])/).map(a=>a.toLowerCase()).join(t),createOptionAPI=(e,t)=>{const a={};return forin(t,n=>{a[n]={get:()=>e.getState().options[n],set:l=>{e.dispatch(`SET_${fromCamels(n,"_").toUpperCase()}`,{value:l})}}}),a},createOptionActions=e=>(t,a,n)=>{const l={};return forin(e,r=>{const s=fromCamels(r,"_").toUpperCase();l[`SET_${s}`]=o=>{try{n.options[r]=o.value}catch{}t(`DID_SET_${s}`,{value:n.options[r]})}}),l},createOptionQueries=e=>t=>{const a={};return forin(e,n=>{a[`GET_${fromCamels(n,"_").toUpperCase()}`]=l=>t.options[n]}),a},InteractionMethod={API:1,DROP:2,BROWSE:3,PASTE:4,NONE:5},getUniqueId=()=>Math.random().toString(36).substring(2,11),arrayRemove=(e,t)=>e.splice(t,1),run=(e,t)=>{t?e():document.hidden?Promise.resolve(1).then(e):setTimeout(e,0)},on=()=>{const e=[],t=(n,l)=>{arrayRemove(e,e.findIndex(r=>r.event===n&&(r.cb===l||!l)))},a=(n,l,r)=>{e.filter(s=>s.event===n).map(s=>s.cb).forEach(s=>run(()=>s(...l),r))};return{fireSync:(n,...l)=>{a(n,l,!0)},fire:(n,...l)=>{a(n,l,!1)},on:(n,l)=>{e.push({event:n,cb:l})},onOnce:(n,l)=>{e.push({event:n,cb:(...r)=>{t(n,l),l(...r)}})},off:t}},copyObjectPropertiesToObject=(e,t,a)=>{Object.getOwnPropertyNames(e).filter(n=>!a.includes(n)).forEach(n=>Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n)))},PRIVATE=["fire","process","revert","load","on","off","onOnce","retryLoad","extend","archive","archived","release","released","requestProcessing","freeze"],createItemAPI=e=>{const t={};return copyObjectPropertiesToObject(e,t,PRIVATE),t},removeReleasedItems=e=>{e.forEach((t,a)=>{t.released&&arrayRemove(e,a)})},ItemStatus={INIT:1,IDLE:2,PROCESSING_QUEUED:9,PROCESSING:3,PROCESSING_COMPLETE:5,PROCESSING_ERROR:6,PROCESSING_REVERT_ERROR:10,LOADING:7,LOAD_ERROR:8},FileOrigin={INPUT:1,LIMBO:2,LOCAL:3},getNonNumeric=e=>/[^0-9]+/.exec(e),getDecimalSeparator=()=>getNonNumeric(1.1.toLocaleString())[0],getThousandsSeparator=()=>{const e=getDecimalSeparator(),t=1e3.toLocaleString(),a=1e3.toString();return t!==a?getNonNumeric(t)[0]:e==="."?",":"."},Type={BOOLEAN:"boolean",INT:"int",NUMBER:"number",STRING:"string",ARRAY:"array",OBJECT:"object",FUNCTION:"function",ACTION:"action",SERVER_API:"serverapi",REGEX:"regex"},filters=[],applyFilterChain=(e,t,a)=>new Promise((n,l)=>{const r=filters.filter(o=>o.key===e).map(o=>o.cb);if(r.length===0){n(t);return}const s=r.shift();r.reduce((o,c)=>o.then(u=>c(u,a)),s(t,a)).then(o=>n(o)).catch(o=>l(o))}),applyFilters=(e,t,a)=>filters.filter(n=>n.key===e).map(n=>n.cb(t,a)),addFilter=(e,t)=>filters.push({key:e,cb:t}),extendDefaultOptions=e=>Object.assign(defaultOptions,e),getOptions=()=>({...defaultOptions}),setOptions=e=>{forin(e,(t,a)=>{defaultOptions[t]&&(defaultOptions[t][0]=getValueByType(a,defaultOptions[t][0],defaultOptions[t][1]))})},defaultOptions={id:[null,Type.STRING],name:["filepond",Type.STRING],disabled:[!1,Type.BOOLEAN],className:[null,Type.STRING],required:[!1,Type.BOOLEAN],captureMethod:[null,Type.STRING],allowSyncAcceptAttribute:[!0,Type.BOOLEAN],allowDrop:[!0,Type.BOOLEAN],allowBrowse:[!0,Type.BOOLEAN],allowPaste:[!0,Type.BOOLEAN],allowMultiple:[!1,Type.BOOLEAN],allowReplace:[!0,Type.BOOLEAN],allowRevert:[!0,Type.BOOLEAN],allowRemove:[!0,Type.BOOLEAN],allowProcess:[!0,Type.BOOLEAN],allowReorder:[!1,Type.BOOLEAN],allowDirectoriesOnly:[!1,Type.BOOLEAN],storeAsFile:[!1,Type.BOOLEAN],forceRevert:[!1,Type.BOOLEAN],maxFiles:[null,Type.INT],checkValidity:[!1,Type.BOOLEAN],itemInsertLocationFreedom:[!0,Type.BOOLEAN],itemInsertLocation:["before",Type.STRING],itemInsertInterval:[75,Type.INT],dropOnPage:[!1,Type.BOOLEAN],dropOnElement:[!0,Type.BOOLEAN],dropValidation:[!1,Type.BOOLEAN],ignoredFiles:[[".ds_store","thumbs.db","desktop.ini"],Type.ARRAY],instantUpload:[!0,Type.BOOLEAN],maxParallelUploads:[2,Type.INT],allowMinimumUploadDuration:[!0,Type.BOOLEAN],chunkUploads:[!1,Type.BOOLEAN],chunkForce:[!1,Type.BOOLEAN],chunkSize:[5e6,Type.INT],chunkRetryDelays:[[500,1e3,3e3],Type.ARRAY],server:[null,Type.SERVER_API],fileSizeBase:[1e3,Type.INT],labelFileSizeBytes:["bytes",Type.STRING],labelFileSizeKilobytes:["KB",Type.STRING],labelFileSizeMegabytes:["MB",Type.STRING],labelFileSizeGigabytes:["GB",Type.STRING],labelDecimalSeparator:[getDecimalSeparator(),Type.STRING],labelThousandsSeparator:[getThousandsSeparator(),Type.STRING],labelIdle:['Drag & Drop your files or <span class="filepond--label-action">Browse</span>',Type.STRING],labelInvalidField:["Field contains invalid files",Type.STRING],labelFileWaitingForSize:["Waiting for size",Type.STRING],labelFileSizeNotAvailable:["Size not available",Type.STRING],labelFileCountSingular:["file in list",Type.STRING],labelFileCountPlural:["files in list",Type.STRING],labelFileLoading:["Loading",Type.STRING],labelFileAdded:["Added",Type.STRING],labelFileLoadError:["Error during load",Type.STRING],labelFileRemoved:["Removed",Type.STRING],labelFileRemoveError:["Error during remove",Type.STRING],labelFileProcessing:["Uploading",Type.STRING],labelFileProcessingComplete:["Upload complete",Type.STRING],labelFileProcessingAborted:["Upload cancelled",Type.STRING],labelFileProcessingError:["Error during upload",Type.STRING],labelFileProcessingRevertError:["Error during revert",Type.STRING],labelTapToCancel:["tap to cancel",Type.STRING],labelTapToRetry:["tap to retry",Type.STRING],labelTapToUndo:["tap to undo",Type.STRING],labelButtonRemoveItem:["Remove",Type.STRING],labelButtonAbortItemLoad:["Abort",Type.STRING],labelButtonRetryItemLoad:["Retry",Type.STRING],labelButtonAbortItemProcessing:["Cancel",Type.STRING],labelButtonUndoItemProcessing:["Undo",Type.STRING],labelButtonRetryItemProcessing:["Retry",Type.STRING],labelButtonProcessItem:["Upload",Type.STRING],iconRemove:['<svg width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><path d="M11.586 13l-2.293 2.293a1 1 0 0 0 1.414 1.414L13 14.414l2.293 2.293a1 1 0 0 0 1.414-1.414L14.414 13l2.293-2.293a1 1 0 0 0-1.414-1.414L13 11.586l-2.293-2.293a1 1 0 0 0-1.414 1.414L11.586 13z" fill="currentColor" fill-rule="nonzero"/></svg>',Type.STRING],iconProcess:['<svg width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><path d="M14 10.414v3.585a1 1 0 0 1-2 0v-3.585l-1.293 1.293a1 1 0 0 1-1.414-1.415l3-3a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1-1.414 1.415L14 10.414zM9 18a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2H9z" fill="currentColor" fill-rule="evenodd"/></svg>',Type.STRING],iconRetry:['<svg width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><path d="M10.81 9.185l-.038.02A4.997 4.997 0 0 0 8 13.683a5 5 0 0 0 5 5 5 5 0 0 0 5-5 1 1 0 0 1 2 0A7 7 0 1 1 9.722 7.496l-.842-.21a.999.999 0 1 1 .484-1.94l3.23.806c.535.133.86.675.73 1.21l-.804 3.233a.997.997 0 0 1-1.21.73.997.997 0 0 1-.73-1.21l.23-.928v-.002z" fill="currentColor" fill-rule="nonzero"/></svg>',Type.STRING],iconUndo:['<svg width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><path d="M9.185 10.81l.02-.038A4.997 4.997 0 0 1 13.683 8a5 5 0 0 1 5 5 5 5 0 0 1-5 5 1 1 0 0 0 0 2A7 7 0 1 0 7.496 9.722l-.21-.842a.999.999 0 1 0-1.94.484l.806 3.23c.133.535.675.86 1.21.73l3.233-.803a.997.997 0 0 0 .73-1.21.997.997 0 0 0-1.21-.73l-.928.23-.002-.001z" fill="currentColor" fill-rule="nonzero"/></svg>',Type.STRING],iconDone:['<svg width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><path d="M18.293 9.293a1 1 0 0 1 1.414 1.414l-7.002 7a1 1 0 0 1-1.414 0l-3.998-4a1 1 0 1 1 1.414-1.414L12 15.586l6.294-6.293z" fill="currentColor" fill-rule="nonzero"/></svg>',Type.STRING],oninit:[null,Type.FUNCTION],onwarning:[null,Type.FUNCTION],onerror:[null,Type.FUNCTION],onactivatefile:[null,Type.FUNCTION],oninitfile:[null,Type.FUNCTION],onaddfilestart:[null,Type.FUNCTION],onaddfileprogress:[null,Type.FUNCTION],onaddfile:[null,Type.FUNCTION],onprocessfilestart:[null,Type.FUNCTION],onprocessfileprogress:[null,Type.FUNCTION],onprocessfileabort:[null,Type.FUNCTION],onprocessfilerevert:[null,Type.FUNCTION],onprocessfile:[null,Type.FUNCTION],onprocessfiles:[null,Type.FUNCTION],onremovefile:[null,Type.FUNCTION],onpreparefile:[null,Type.FUNCTION],onupdatefiles:[null,Type.FUNCTION],onreorderfiles:[null,Type.FUNCTION],beforeDropFile:[null,Type.FUNCTION],beforeAddFile:[null,Type.FUNCTION],beforeRemoveFile:[null,Type.FUNCTION],beforePrepareFile:[null,Type.FUNCTION],stylePanelLayout:[null,Type.STRING],stylePanelAspectRatio:[null,Type.STRING],styleItemPanelAspectRatio:[null,Type.STRING],styleButtonRemoveItemPosition:["left",Type.STRING],styleButtonProcessItemPosition:["right",Type.STRING],styleLoadIndicatorPosition:["right",Type.STRING],styleProgressIndicatorPosition:["right",Type.STRING],styleButtonRemoveItemAlign:[!1,Type.BOOLEAN],files:[[],Type.ARRAY],credits:[["https://pqina.nl/","Powered by PQINA"],Type.ARRAY]},getItemByQuery=(e,t)=>isEmpty$1(t)?e[0]||null:isInt(t)?e[t]||null:(typeof t=="object"&&(t=t.id),e.find(a=>a.id===t)||null),getNumericAspectRatioFromString=e=>{if(isEmpty$1(e))return e;if(/:/.test(e)){const t=e.split(":");return t[1]/t[0]}return parseFloat(e)},getActiveItems=e=>e.filter(t=>!t.archived),Status={EMPTY:0,IDLE:1,ERROR:2,BUSY:3,READY:4};let res=null;const canUpdateFileInput=()=>{if(res===null)try{const e=new DataTransfer;e.items.add(new File(["hello world"],"This_Works.txt"));const t=document.createElement("input");t.setAttribute("type","file"),t.files=e.files,res=t.files.length===1}catch{res=!1}return res},ITEM_ERROR=[ItemStatus.LOAD_ERROR,ItemStatus.PROCESSING_ERROR,ItemStatus.PROCESSING_REVERT_ERROR],ITEM_BUSY=[ItemStatus.LOADING,ItemStatus.PROCESSING,ItemStatus.PROCESSING_QUEUED,ItemStatus.INIT],ITEM_READY=[ItemStatus.PROCESSING_COMPLETE],isItemInErrorState=e=>ITEM_ERROR.includes(e.status),isItemInBusyState=e=>ITEM_BUSY.includes(e.status),isItemInReadyState=e=>ITEM_READY.includes(e.status),isAsync=e=>isObject$1(e.options.server)&&(isObject$1(e.options.server.process)||isFunction$2(e.options.server.process)),queries=e=>({GET_STATUS:()=>{const t=getActiveItems(e.items),{EMPTY:a,ERROR:n,BUSY:l,IDLE:r,READY:s}=Status;return t.length===0?a:t.some(isItemInErrorState)?n:t.some(isItemInBusyState)?l:t.some(isItemInReadyState)?s:r},GET_ITEM:t=>getItemByQuery(e.items,t),GET_ACTIVE_ITEM:t=>getItemByQuery(getActiveItems(e.items),t),GET_ACTIVE_ITEMS:()=>getActiveItems(e.items),GET_ITEMS:()=>e.items,GET_ITEM_NAME:t=>{const a=getItemByQuery(e.items,t);return a?a.filename:null},GET_ITEM_SIZE:t=>{const a=getItemByQuery(e.items,t);return a?a.fileSize:null},GET_STYLES:()=>Object.keys(e.options).filter(t=>/^style/.test(t)).map(t=>({name:t,value:e.options[t]})),GET_PANEL_ASPECT_RATIO:()=>/circle/.test(e.options.stylePanelLayout)?1:getNumericAspectRatioFromString(e.options.stylePanelAspectRatio),GET_ITEM_PANEL_ASPECT_RATIO:()=>e.options.styleItemPanelAspectRatio,GET_ITEMS_BY_STATUS:t=>getActiveItems(e.items).filter(a=>a.status===t),GET_TOTAL_ITEMS:()=>getActiveItems(e.items).length,SHOULD_UPDATE_FILE_INPUT:()=>e.options.storeAsFile&&canUpdateFileInput()&&!isAsync(e),IS_ASYNC:()=>isAsync(e),GET_FILE_SIZE_LABELS:t=>({labelBytes:t("GET_LABEL_FILE_SIZE_BYTES")||void 0,labelKilobytes:t("GET_LABEL_FILE_SIZE_KILOBYTES")||void 0,labelMegabytes:t("GET_LABEL_FILE_SIZE_MEGABYTES")||void 0,labelGigabytes:t("GET_LABEL_FILE_SIZE_GIGABYTES")||void 0})}),hasRoomForItem=e=>{const t=getActiveItems(e.items).length;if(!e.options.allowMultiple)return t===0;const a=e.options.maxFiles;return a===null||t<a},limit=(e,t,a)=>Math.max(Math.min(a,e),t),arrayInsert=(e,t,a)=>e.splice(t,0,a),insertItem=(e,t,a)=>isEmpty$1(t)?null:typeof a>"u"?(e.push(t),t):(a=limit(a,0,e.length),arrayInsert(e,a,t),t),isBase64DataURI=e=>/^\s*data:([a-z]+\/[a-z0-9-+.]+(;[a-z-]+=[a-z0-9-]+)?)?(;base64)?,([a-z0-9!$&',()*+;=\-._~:@\/?%\s]*)\s*$/i.test(e),getFilenameFromURL=e=>`${e}`.split("/").pop().split("?").shift(),getExtensionFromFilename=e=>e.split(".").pop(),guesstimateExtension=e=>{if(typeof e!="string")return"";const t=e.split("/").pop();return/svg/.test(t)?"svg":/zip|compressed/.test(t)?"zip":/plain/.test(t)?"txt":/msword/.test(t)?"doc":/[a-z]+/.test(t)?t==="jpeg"?"jpg":t:""},leftPad=(e,t="")=>(t+e).slice(-t.length),getDateString=(e=new Date)=>`${e.getFullYear()}-${leftPad(e.getMonth()+1,"00")}-${leftPad(e.getDate(),"00")}_${leftPad(e.getHours(),"00")}-${leftPad(e.getMinutes(),"00")}-${leftPad(e.getSeconds(),"00")}`,getFileFromBlob=(e,t,a=null,n=null)=>{const l=typeof a=="string"?e.slice(0,e.size,a):e.slice(0,e.size,e.type);return l.lastModifiedDate=new Date,e._relativePath&&(l._relativePath=e._relativePath),isString$1(t)||(t=getDateString()),t&&n===null&&getExtensionFromFilename(t)?l.name=t:(n=n||guesstimateExtension(l.type),l.name=t+(n?"."+n:"")),l},getBlobBuilder=()=>window.BlobBuilder=window.BlobBuilder||window.WebKitBlobBuilder||window.MozBlobBuilder||window.MSBlobBuilder,createBlob=(e,t)=>{const a=getBlobBuilder();if(a){const n=new a;return n.append(e),n.getBlob(t)}return new Blob([e],{type:t})},getBlobFromByteStringWithMimeType=(e,t)=>{const a=new ArrayBuffer(e.length),n=new Uint8Array(a);for(let l=0;l<e.length;l++)n[l]=e.charCodeAt(l);return createBlob(a,t)},getMimeTypeFromBase64DataURI=e=>(/^data:(.+);/.exec(e)||[])[1]||null,getBase64DataFromBase64DataURI=e=>e.split(",")[1].replace(/\s/g,""),getByteStringFromBase64DataURI=e=>atob(getBase64DataFromBase64DataURI(e)),getBlobFromBase64DataURI=e=>{const t=getMimeTypeFromBase64DataURI(e),a=getByteStringFromBase64DataURI(e);return getBlobFromByteStringWithMimeType(a,t)},getFileFromBase64DataURI=(e,t,a)=>getFileFromBlob(getBlobFromBase64DataURI(e),t,null,a),getFileNameFromHeader=e=>{if(!/^content-disposition:/i.test(e))return null;const t=e.split(/filename=|filename\*=.+''/).splice(1).map(a=>a.trim().replace(/^["']|[;"']{0,2}$/g,"")).filter(a=>a.length);return t.length?decodeURI(t[t.length-1]):null},getFileSizeFromHeader=e=>{if(/content-length:/i.test(e)){const t=e.match(/[0-9]+/)[0];return t?parseInt(t,10):null}return null},getTranfserIdFromHeader=e=>/x-content-transfer-id:/i.test(e)&&(e.split(":")[1]||"").trim()||null,getFileInfoFromHeaders=e=>{const t={source:null,name:null,size:null},a=e.split(`
+`);for(let n of a){const l=getFileNameFromHeader(n);if(l){t.name=l;continue}const r=getFileSizeFromHeader(n);if(r){t.size=r;continue}const s=getTranfserIdFromHeader(n);if(s){t.source=s;continue}}return t},createFileLoader=e=>{const t={source:null,complete:!1,progress:0,size:null,timestamp:null,duration:0,request:null},a=()=>t.progress,n=()=>{t.request&&t.request.abort&&t.request.abort()},l=()=>{const o=t.source;s.fire("init",o),o instanceof File?s.fire("load",o):o instanceof Blob?s.fire("load",getFileFromBlob(o,o.name)):isBase64DataURI(o)?s.fire("load",getFileFromBase64DataURI(o)):r(o)},r=o=>{if(!e){s.fire("error",{type:"error",body:"Can't load URL",code:400});return}t.timestamp=Date.now(),t.request=e(o,c=>{t.duration=Date.now()-t.timestamp,t.complete=!0,c instanceof Blob&&(c=getFileFromBlob(c,c.name||getFilenameFromURL(o))),s.fire("load",c instanceof Blob?c:c?c.body:null)},c=>{s.fire("error",typeof c=="string"?{type:"error",code:0,body:c}:c)},(c,u,d)=>{if(d&&(t.size=d),t.duration=Date.now()-t.timestamp,!c){t.progress=null;return}t.progress=u/d,s.fire("progress",t.progress)},()=>{s.fire("abort")},c=>{const u=getFileInfoFromHeaders(typeof c=="string"?c:c.headers);s.fire("meta",{size:t.size||u.size,filename:u.name,source:u.source})})},s={...on(),setSource:o=>t.source=o,getProgress:a,abort:n,load:l};return s},isGet=e=>/GET|HEAD/.test(e),sendRequest=(e,t,a)=>{const n={onheaders:()=>{},onprogress:()=>{},onload:()=>{},ontimeout:()=>{},onerror:()=>{},onabort:()=>{},abort:()=>{l=!0,s.abort()}};let l=!1,r=!1;a={method:"POST",headers:{},withCredentials:!1,...a},t=encodeURI(t),isGet(a.method)&&e&&(t=`${t}${encodeURIComponent(typeof e=="string"?e:JSON.stringify(e))}`);const s=new XMLHttpRequest,o=isGet(a.method)?s:s.upload;return o.onprogress=c=>{l||n.onprogress(c.lengthComputable,c.loaded,c.total)},s.onreadystatechange=()=>{s.readyState<2||s.readyState===4&&s.status===0||r||(r=!0,n.onheaders(s))},s.onload=()=>{s.status>=200&&s.status<300?n.onload(s):n.onerror(s)},s.onerror=()=>n.onerror(s),s.onabort=()=>{l=!0,n.onabort()},s.ontimeout=()=>n.ontimeout(s),s.open(a.method,t,!0),isInt(a.timeout)&&(s.timeout=a.timeout),Object.keys(a.headers).forEach(c=>{const u=unescape(encodeURIComponent(a.headers[c]));s.setRequestHeader(c,u)}),a.responseType&&(s.responseType=a.responseType),a.withCredentials&&(s.withCredentials=!0),s.send(e),n},createResponse=(e,t,a,n)=>({type:e,code:t,body:a,headers:n}),createTimeoutResponse=e=>t=>{e(createResponse("error",0,"Timeout",t.getAllResponseHeaders()))},hasQS=e=>/\?/.test(e),buildURL=(...e)=>{let t="";return e.forEach(a=>{t+=hasQS(t)&&hasQS(a)?a.replace(/\?/,"&"):a}),t},createFetchFunction=(e="",t)=>{if(typeof t=="function")return t;if(!t||!isString$1(t.url))return null;const a=t.onload||(l=>l),n=t.onerror||(l=>null);return(l,r,s,o,c,u)=>{const d=sendRequest(l,buildURL(e,t.url),{...t,responseType:"blob"});return d.onload=p=>{const h=p.getAllResponseHeaders(),m=getFileInfoFromHeaders(h).name||getFilenameFromURL(l);r(createResponse("load",p.status,t.method==="HEAD"?null:getFileFromBlob(a(p.response),m),h))},d.onerror=p=>{s(createResponse("error",p.status,n(p.response)||p.statusText,p.getAllResponseHeaders()))},d.onheaders=p=>{u(createResponse("headers",p.status,null,p.getAllResponseHeaders()))},d.ontimeout=createTimeoutResponse(s),d.onprogress=o,d.onabort=c,d}},ChunkStatus={QUEUED:0,COMPLETE:1,PROCESSING:2,ERROR:3,WAITING:4},processFileChunked=(e,t,a,n,l,r,s,o,c,u,d)=>{const p=[],{chunkTransferId:h,chunkServer:m,chunkSize:g,chunkRetryDelays:E}=d,T={serverId:h,aborted:!1},I=t.ondata||(x=>x),f=t.onload||((x,k)=>k==="HEAD"?x.getResponseHeader("Upload-Offset"):x.response),b=t.onerror||(x=>null),S=x=>{const k=new FormData;isObject$1(l)&&k.append(a,JSON.stringify(l));const y=typeof t.headers=="function"?t.headers(n,l):{...t.headers,"Upload-Length":n.size},F={...t,headers:y},w=sendRequest(I(k),buildURL(e,t.url),F);w.onload=v=>x(f(v,F.method)),w.onerror=v=>s(createResponse("error",v.status,b(v.response)||v.statusText,v.getAllResponseHeaders())),w.ontimeout=createTimeoutResponse(s)},R=x=>{const k=buildURL(e,m.url,T.serverId),F={headers:typeof t.headers=="function"?t.headers(T.serverId):{...t.headers},method:"HEAD"},w=sendRequest(null,k,F);w.onload=v=>x(f(v,F.method)),w.onerror=v=>s(createResponse("error",v.status,b(v.response)||v.statusText,v.getAllResponseHeaders())),w.ontimeout=createTimeoutResponse(s)},A=Math.floor(n.size/g);for(let x=0;x<=A;x++){const k=x*g,y=n.slice(k,k+g,"application/offset+octet-stream");p[x]={index:x,size:y.size,offset:k,data:y,file:n,progress:0,retries:[...E],status:ChunkStatus.QUEUED,error:null,request:null,timeout:null}}const O=()=>r(T.serverId),L=x=>x.status===ChunkStatus.QUEUED||x.status===ChunkStatus.ERROR,P=x=>{if(T.aborted)return;if(x=x||p.find(L),!x){p.every(C=>C.status===ChunkStatus.COMPLETE)&&O();return}x.status=ChunkStatus.PROCESSING,x.progress=null;const k=m.ondata||(C=>C),y=m.onerror||(C=>null),F=buildURL(e,m.url,T.serverId),w=typeof m.headers=="function"?m.headers(x):{...m.headers,"Content-Type":"application/offset+octet-stream","Upload-Offset":x.offset,"Upload-Length":n.size,"Upload-Name":n.name},v=x.request=sendRequest(k(x.data),F,{...m,headers:w});v.onload=()=>{x.status=ChunkStatus.COMPLETE,x.request=null,z()},v.onprogress=(C,N,W)=>{x.progress=C?N:null,M()},v.onerror=C=>{x.status=ChunkStatus.ERROR,x.request=null,x.error=y(C.response)||C.statusText,D(x)||s(createResponse("error",C.status,y(C.response)||C.statusText,C.getAllResponseHeaders()))},v.ontimeout=C=>{x.status=ChunkStatus.ERROR,x.request=null,D(x)||createTimeoutResponse(s)(C)},v.onabort=()=>{x.status=ChunkStatus.QUEUED,x.request=null,c()}},D=x=>x.retries.length===0?!1:(x.status=ChunkStatus.WAITING,clearTimeout(x.timeout),x.timeout=setTimeout(()=>{P(x)},x.retries.shift()),!0),M=()=>{const x=p.reduce((y,F)=>y===null||F.progress===null?null:y+F.progress,0);if(x===null)return o(!1,0,0);const k=p.reduce((y,F)=>y+F.size,0);o(!0,x,k)},z=()=>{p.filter(k=>k.status===ChunkStatus.PROCESSING).length>=1||P()},V=()=>{p.forEach(x=>{clearTimeout(x.timeout),x.request&&x.request.abort()})};return T.serverId?R(x=>{T.aborted||(p.filter(k=>k.offset<x).forEach(k=>{k.status=ChunkStatus.COMPLETE,k.progress=k.size}),z())}):S(x=>{T.aborted||(u(x),T.serverId=x,z())}),{abort:()=>{T.aborted=!0,V()}}},createFileProcessorFunction=(e,t,a,n)=>(l,r,s,o,c,u,d)=>{if(!l)return;const p=n.chunkUploads,h=p&&l.size>n.chunkSize,m=p&&(h||n.chunkForce);if(l instanceof Blob&&m)return processFileChunked(e,t,a,l,r,s,o,c,u,d,n);const g=t.ondata||(R=>R),E=t.onload||(R=>R),T=t.onerror||(R=>null),I=typeof t.headers=="function"?t.headers(l,r)||{}:{...t.headers},f={...t,headers:I};var b=new FormData;isObject$1(r)&&b.append(a,JSON.stringify(r)),(l instanceof Blob?[{name:null,file:l}]:l).forEach(R=>{b.append(a,R.file,R.name===null?R.file.name:`${R.name}${R.file.name}`)});const S=sendRequest(g(b),buildURL(e,t.url),f);return S.onload=R=>{s(createResponse("load",R.status,E(R.response),R.getAllResponseHeaders()))},S.onerror=R=>{o(createResponse("error",R.status,T(R.response)||R.statusText,R.getAllResponseHeaders()))},S.ontimeout=createTimeoutResponse(o),S.onprogress=c,S.onabort=u,S},createProcessorFunction=(e="",t,a,n)=>typeof t=="function"?(...l)=>t(a,...l,n):!t||!isString$1(t.url)?null:createFileProcessorFunction(e,t,a,n),createRevertFunction=(e="",t)=>{if(typeof t=="function")return t;if(!t||!isString$1(t.url))return(l,r)=>r();const a=t.onload||(l=>l),n=t.onerror||(l=>null);return(l,r,s)=>{const o=sendRequest(l,e+t.url,t);return o.onload=c=>{r(createResponse("load",c.status,a(c.response),c.getAllResponseHeaders()))},o.onerror=c=>{s(createResponse("error",c.status,n(c.response)||c.statusText,c.getAllResponseHeaders()))},o.ontimeout=createTimeoutResponse(s),o}},getRandomNumber=(e=0,t=1)=>e+Math.random()*(t-e),createPerceivedPerformanceUpdater=(e,t=1e3,a=0,n=25,l=250)=>{let r=null;const s=Date.now(),o=()=>{let c=Date.now()-s,u=getRandomNumber(n,l);c+u>t&&(u=c+u-t);let d=c/t;if(d>=1||document.hidden){e(1);return}e(d),r=setTimeout(o,u)};return t>0&&o(),{clear:()=>{clearTimeout(r)}}},createFileProcessor=(e,t)=>{const a={complete:!1,perceivedProgress:0,perceivedPerformanceUpdater:null,progress:null,timestamp:null,perceivedDuration:0,duration:0,request:null,response:null},{allowMinimumUploadDuration:n}=t,l=(d,p)=>{const h=()=>{a.duration===0||a.progress===null||u.fire("progress",u.getProgress())},m=()=>{a.complete=!0,u.fire("load-perceived",a.response.body)};u.fire("start"),a.timestamp=Date.now(),a.perceivedPerformanceUpdater=createPerceivedPerformanceUpdater(g=>{a.perceivedProgress=g,a.perceivedDuration=Date.now()-a.timestamp,h(),a.response&&a.perceivedProgress===1&&!a.complete&&m()},n?getRandomNumber(750,1500):0),a.request=e(d,p,g=>{a.response=isObject$1(g)?g:{type:"load",code:200,body:`${g}`,headers:{}},a.duration=Date.now()-a.timestamp,a.progress=1,u.fire("load",a.response.body),(!n||n&&a.perceivedProgress===1)&&m()},g=>{a.perceivedPerformanceUpdater.clear(),u.fire("error",isObject$1(g)?g:{type:"error",code:0,body:`${g}`})},(g,E,T)=>{a.duration=Date.now()-a.timestamp,a.progress=g?E/T:null,h()},()=>{a.perceivedPerformanceUpdater.clear(),u.fire("abort",a.response?a.response.body:null)},g=>{u.fire("transfer",g)})},r=()=>{a.request&&(a.perceivedPerformanceUpdater.clear(),a.request.abort&&a.request.abort(),a.complete=!0)},s=()=>{r(),a.complete=!1,a.perceivedProgress=0,a.progress=0,a.timestamp=null,a.perceivedDuration=0,a.duration=0,a.request=null,a.response=null},o=n?()=>a.progress?Math.min(a.progress,a.perceivedProgress):null:()=>a.progress||null,c=n?()=>Math.min(a.duration,a.perceivedDuration):()=>a.duration,u={...on(),process:l,abort:r,getProgress:o,getDuration:c,reset:s};return u},getFilenameWithoutExtension=e=>e.substring(0,e.lastIndexOf("."))||e,createFileStub=e=>{let t=[e.name,e.size,e.type];return e instanceof Blob||isBase64DataURI(e)?t[0]=e.name||getDateString():isBase64DataURI(e)?(t[1]=e.length,t[2]=getMimeTypeFromBase64DataURI(e)):isString$1(e)&&(t[0]=getFilenameFromURL(e),t[1]=0,t[2]="application/octet-stream"),{name:t[0],size:t[1],type:t[2]}},isFile=e=>!!(e instanceof File||e instanceof Blob&&e.name),deepCloneObject=e=>{if(!isObject$1(e))return e;const t=isArray$1(e)?[]:{};for(const a in e){if(!e.hasOwnProperty(a))continue;const n=e[a];t[a]=n&&isObject$1(n)?deepCloneObject(n):n}return t},createItem=(e=null,t=null,a=null)=>{const n=getUniqueId(),l={archived:!1,frozen:!1,released:!1,source:null,file:a,serverFileReference:t,transferId:null,processingAborted:!1,status:t?ItemStatus.PROCESSING_COMPLETE:ItemStatus.INIT,activeLoader:null,activeProcessor:null};let r=null;const s={},o=L=>l.status=L,c=(L,...P)=>{l.released||l.frozen||A.fire(L,...P)},u=()=>getExtensionFromFilename(l.file.name),d=()=>l.file.type,p=()=>l.file.size,h=()=>l.file,m=(L,P,D)=>{if(l.source=L,A.fireSync("init"),l.file){A.fireSync("load-skip");return}l.file=createFileStub(L),P.on("init",()=>{c("load-init")}),P.on("meta",M=>{l.file.size=M.size,l.file.filename=M.filename,M.source&&(e=FileOrigin.LIMBO,l.serverFileReference=M.source,l.status=ItemStatus.PROCESSING_COMPLETE),c("load-meta")}),P.on("progress",M=>{o(ItemStatus.LOADING),c("load-progress",M)}),P.on("error",M=>{o(ItemStatus.LOAD_ERROR),c("load-request-error",M)}),P.on("abort",()=>{o(ItemStatus.INIT),c("load-abort")}),P.on("load",M=>{l.activeLoader=null;const z=x=>{l.file=isFile(x)?x:l.file,e===FileOrigin.LIMBO&&l.serverFileReference?o(ItemStatus.PROCESSING_COMPLETE):o(ItemStatus.IDLE),c("load")},V=x=>{l.file=M,c("load-meta"),o(ItemStatus.LOAD_ERROR),c("load-file-error",x)};if(l.serverFileReference){z(M);return}D(M,z,V)}),P.setSource(L),l.activeLoader=P,P.load()},g=()=>{l.activeLoader&&l.activeLoader.load()},E=()=>{if(l.activeLoader){l.activeLoader.abort();return}o(ItemStatus.INIT),c("load-abort")},T=(L,P)=>{if(l.processingAborted){l.processingAborted=!1;return}if(o(ItemStatus.PROCESSING),r=null,!(l.file instanceof Blob)){A.on("load",()=>{T(L,P)});return}L.on("load",z=>{l.transferId=null,l.serverFileReference=z}),L.on("transfer",z=>{l.transferId=z}),L.on("load-perceived",z=>{l.activeProcessor=null,l.transferId=null,l.serverFileReference=z,o(ItemStatus.PROCESSING_COMPLETE),c("process-complete",z)}),L.on("start",()=>{c("process-start")}),L.on("error",z=>{l.activeProcessor=null,o(ItemStatus.PROCESSING_ERROR),c("process-error",z)}),L.on("abort",z=>{l.activeProcessor=null,l.serverFileReference=z,o(ItemStatus.IDLE),c("process-abort"),r&&r()}),L.on("progress",z=>{c("process-progress",z)});const D=z=>{l.archived||L.process(z,{...s})},M=console.error;P(l.file,D,M),l.activeProcessor=L},I=()=>{l.processingAborted=!1,o(ItemStatus.PROCESSING_QUEUED)},f=()=>new Promise(L=>{if(!l.activeProcessor){l.processingAborted=!0,o(ItemStatus.IDLE),c("process-abort"),L();return}r=()=>{L()},l.activeProcessor.abort()}),b=(L,P)=>new Promise((D,M)=>{const z=l.serverFileReference!==null?l.serverFileReference:l.transferId;if(z===null){D();return}L(z,()=>{l.serverFileReference=null,l.transferId=null,D()},V=>{if(!P){D();return}o(ItemStatus.PROCESSING_REVERT_ERROR),c("process-revert-error"),M(V)}),o(ItemStatus.IDLE),c("process-revert")}),S=(L,P,D)=>{const M=L.split("."),z=M[0],V=M.pop();let x=s;M.forEach(k=>x=x[k]),JSON.stringify(x[V])!==JSON.stringify(P)&&(x[V]=P,c("metadata-update",{key:z,value:s[z],silent:D}))},A={id:{get:()=>n},origin:{get:()=>e,set:L=>e=L},serverId:{get:()=>l.serverFileReference},transferId:{get:()=>l.transferId},status:{get:()=>l.status},filename:{get:()=>l.file.name},filenameWithoutExtension:{get:()=>getFilenameWithoutExtension(l.file.name)},fileExtension:{get:u},fileType:{get:d},fileSize:{get:p},file:{get:h},relativePath:{get:()=>l.file._relativePath},source:{get:()=>l.source},getMetadata:L=>deepCloneObject(L?s[L]:s),setMetadata:(L,P,D)=>{if(isObject$1(L)){const M=L;return Object.keys(M).forEach(z=>{S(z,M[z],P)}),L}return S(L,P,D),P},extend:(L,P)=>O[L]=P,abortLoad:E,retryLoad:g,requestProcessing:I,abortProcessing:f,load:m,process:T,revert:b,...on(),freeze:()=>l.frozen=!0,release:()=>l.released=!0,released:{get:()=>l.released},archive:()=>l.archived=!0,archived:{get:()=>l.archived}},O=createObject(A);return O},getItemIndexByQuery=(e,t)=>isEmpty$1(t)?0:isString$1(t)?e.findIndex(a=>a.id===t):-1,getItemById=(e,t)=>{const a=getItemIndexByQuery(e,t);if(!(a<0))return e[a]||null},fetchBlob=(e,t,a,n,l,r)=>{const s=sendRequest(null,e,{method:"GET",responseType:"blob"});return s.onload=o=>{const c=o.getAllResponseHeaders(),u=getFileInfoFromHeaders(c).name||getFilenameFromURL(e);t(createResponse("load",o.status,getFileFromBlob(o.response,u),c))},s.onerror=o=>{a(createResponse("error",o.status,o.statusText,o.getAllResponseHeaders()))},s.onheaders=o=>{r(createResponse("headers",o.status,null,o.getAllResponseHeaders()))},s.ontimeout=createTimeoutResponse(a),s.onprogress=n,s.onabort=l,s},getDomainFromURL=e=>(e.indexOf("//")===0&&(e=location.protocol+e),e.toLowerCase().replace("blob:","").replace(/([a-z])?:\/\//,"$1").split("/")[0]),isExternalURL=e=>(e.indexOf(":")>-1||e.indexOf("//")>-1)&&getDomainFromURL(location.href)!==getDomainFromURL(e),dynamicLabel=e=>(...t)=>isFunction$2(e)?e(...t):e,isMockItem=e=>!isFile(e.file),listUpdated=(e,t)=>{clearTimeout(t.listUpdateTimeout),t.listUpdateTimeout=setTimeout(()=>{e("DID_UPDATE_ITEMS",{items:getActiveItems(t.items)})},0)},optionalPromise=(e,...t)=>new Promise(a=>{if(!e)return a(!0);const n=e(...t);if(n==null)return a(!0);if(typeof n=="boolean")return a(n);typeof n.then=="function"&&n.then(a)}),sortItems=(e,t)=>{e.items.sort((a,n)=>t(createItemAPI(a),createItemAPI(n)))},getItemByQueryFromState=(e,t)=>({query:a,success:n=()=>{},failure:l=()=>{},...r}={})=>{const s=getItemByQuery(e.items,a);if(!s){l({error:createResponse("error",0,"Item not found"),file:null});return}t(s,n,l,r||{})},actions=(e,t,a)=>({ABORT_ALL:()=>{getActiveItems(a.items).forEach(n=>{n.freeze(),n.abortLoad(),n.abortProcessing()})},DID_SET_FILES:({value:n=[]})=>{const l=n.map(s=>({source:s.source?s.source:s,options:s.options}));let r=getActiveItems(a.items);r.forEach(s=>{l.find(o=>o.source===s.source||o.source===s.file)||e("REMOVE_ITEM",{query:s,remove:!1})}),r=getActiveItems(a.items),l.forEach((s,o)=>{r.find(c=>c.source===s.source||c.file===s.source)||e("ADD_ITEM",{...s,interactionMethod:InteractionMethod.NONE,index:o})})},DID_UPDATE_ITEM_METADATA:({id:n,action:l,change:r})=>{r.silent||(clearTimeout(a.itemUpdateTimeout),a.itemUpdateTimeout=setTimeout(()=>{const s=getItemById(a.items,n);if(!t("IS_ASYNC")){applyFilterChain("SHOULD_PREPARE_OUTPUT",!1,{item:s,query:t,action:l,change:r}).then(d=>{const p=t("GET_BEFORE_PREPARE_FILE");p&&(d=p(s,d)),d&&e("REQUEST_PREPARE_OUTPUT",{query:n,item:s,success:h=>{e("DID_PREPARE_OUTPUT",{id:n,file:h})}},!0)});return}s.origin===FileOrigin.LOCAL&&e("DID_LOAD_ITEM",{id:s.id,error:null,serverFileReference:s.source});const o=()=>{setTimeout(()=>{e("REQUEST_ITEM_PROCESSING",{query:n})},32)},c=d=>{s.revert(createRevertFunction(a.options.server.url,a.options.server.revert),t("GET_FORCE_REVERT")).then(d?o:()=>{}).catch(()=>{})},u=d=>{s.abortProcessing().then(d?o:()=>{})};if(s.status===ItemStatus.PROCESSING_COMPLETE)return c(a.options.instantUpload);if(s.status===ItemStatus.PROCESSING)return u(a.options.instantUpload);a.options.instantUpload&&o()},0))},MOVE_ITEM:({query:n,index:l})=>{const r=getItemByQuery(a.items,n);if(!r)return;const s=a.items.indexOf(r);l=limit(l,0,a.items.length-1),s!==l&&a.items.splice(l,0,a.items.splice(s,1)[0])},SORT:({compare:n})=>{sortItems(a,n),e("DID_SORT_ITEMS",{items:t("GET_ACTIVE_ITEMS")})},ADD_ITEMS:({items:n,index:l,interactionMethod:r,success:s=()=>{},failure:o=()=>{}})=>{let c=l;if(l===-1||typeof l>"u"){const m=t("GET_ITEM_INSERT_LOCATION"),g=t("GET_TOTAL_ITEMS");c=m==="before"?0:g}const u=t("GET_IGNORED_FILES"),d=m=>isFile(m)?!u.includes(m.name.toLowerCase()):!isEmpty$1(m),h=n.filter(d).map(m=>new Promise((g,E)=>{e("ADD_ITEM",{interactionMethod:r,source:m.source||m,success:g,failure:E,index:c++,options:m.options||{}})}));Promise.all(h).then(s).catch(o)},ADD_ITEM:({source:n,index:l=-1,interactionMethod:r,success:s=()=>{},failure:o=()=>{},options:c={}})=>{if(isEmpty$1(n)){o({error:createResponse("error",0,"No source"),file:null});return}if(isFile(n)&&a.options.ignoredFiles.includes(n.name.toLowerCase()))return;if(!hasRoomForItem(a)){if(a.options.allowMultiple||!a.options.allowMultiple&&!a.options.allowReplace){const f=createResponse("warning",0,"Max files");e("DID_THROW_MAX_FILES",{source:n,error:f}),o({error:f,file:null});return}const I=getActiveItems(a.items)[0];if(I.status===ItemStatus.PROCESSING_COMPLETE||I.status===ItemStatus.PROCESSING_REVERT_ERROR){const f=t("GET_FORCE_REVERT");if(I.revert(createRevertFunction(a.options.server.url,a.options.server.revert),f).then(()=>{f&&e("ADD_ITEM",{source:n,index:l,interactionMethod:r,success:s,failure:o,options:c})}).catch(()=>{}),f)return}e("REMOVE_ITEM",{query:I.id})}const u=c.type==="local"?FileOrigin.LOCAL:c.type==="limbo"?FileOrigin.LIMBO:FileOrigin.INPUT,d=createItem(u,u===FileOrigin.INPUT?null:n,c.file);Object.keys(c.metadata||{}).forEach(I=>{d.setMetadata(I,c.metadata[I])}),applyFilters("DID_CREATE_ITEM",d,{query:t,dispatch:e});const p=t("GET_ITEM_INSERT_LOCATION");a.options.itemInsertLocationFreedom||(l=p==="before"?-1:a.items.length),insertItem(a.items,d,l),isFunction$2(p)&&n&&sortItems(a,p);const h=d.id;d.on("init",()=>{e("DID_INIT_ITEM",{id:h})}),d.on("load-init",()=>{e("DID_START_ITEM_LOAD",{id:h})}),d.on("load-meta",()=>{e("DID_UPDATE_ITEM_META",{id:h})}),d.on("load-progress",I=>{e("DID_UPDATE_ITEM_LOAD_PROGRESS",{id:h,progress:I})}),d.on("load-request-error",I=>{const f=dynamicLabel(a.options.labelFileLoadError)(I);if(I.code>=400&&I.code<500){e("DID_THROW_ITEM_INVALID",{id:h,error:I,status:{main:f,sub:`${I.code} (${I.body})`}}),o({error:I,file:createItemAPI(d)});return}e("DID_THROW_ITEM_LOAD_ERROR",{id:h,error:I,status:{main:f,sub:a.options.labelTapToRetry}})}),d.on("load-file-error",I=>{e("DID_THROW_ITEM_INVALID",{id:h,error:I.status,status:I.status}),o({error:I.status,file:createItemAPI(d)})}),d.on("load-abort",()=>{e("REMOVE_ITEM",{query:h})}),d.on("load-skip",()=>{e("COMPLETE_LOAD_ITEM",{query:h,item:d,data:{source:n,success:s}})}),d.on("load",()=>{const I=f=>{if(!f){e("REMOVE_ITEM",{query:h});return}d.on("metadata-update",b=>{e("DID_UPDATE_ITEM_METADATA",{id:h,change:b})}),applyFilterChain("SHOULD_PREPARE_OUTPUT",!1,{item:d,query:t}).then(b=>{const S=t("GET_BEFORE_PREPARE_FILE");S&&(b=S(d,b));const R=()=>{e("COMPLETE_LOAD_ITEM",{query:h,item:d,data:{source:n,success:s}}),listUpdated(e,a)};if(b){e("REQUEST_PREPARE_OUTPUT",{query:h,item:d,success:A=>{e("DID_PREPARE_OUTPUT",{id:h,file:A}),R()}},!0);return}R()})};applyFilterChain("DID_LOAD_ITEM",d,{query:t,dispatch:e}).then(()=>{optionalPromise(t("GET_BEFORE_ADD_FILE"),createItemAPI(d)).then(I)}).catch(f=>{if(!f||!f.error||!f.status)return I(!1);e("DID_THROW_ITEM_INVALID",{id:h,error:f.error,status:f.status})})}),d.on("process-start",()=>{e("DID_START_ITEM_PROCESSING",{id:h})}),d.on("process-progress",I=>{e("DID_UPDATE_ITEM_PROCESS_PROGRESS",{id:h,progress:I})}),d.on("process-error",I=>{e("DID_THROW_ITEM_PROCESSING_ERROR",{id:h,error:I,status:{main:dynamicLabel(a.options.labelFileProcessingError)(I),sub:a.options.labelTapToRetry}})}),d.on("process-revert-error",I=>{e("DID_THROW_ITEM_PROCESSING_REVERT_ERROR",{id:h,error:I,status:{main:dynamicLabel(a.options.labelFileProcessingRevertError)(I),sub:a.options.labelTapToRetry}})}),d.on("process-complete",I=>{e("DID_COMPLETE_ITEM_PROCESSING",{id:h,error:null,serverFileReference:I}),e("DID_DEFINE_VALUE",{id:h,value:I})}),d.on("process-abort",()=>{e("DID_ABORT_ITEM_PROCESSING",{id:h})}),d.on("process-revert",()=>{e("DID_REVERT_ITEM_PROCESSING",{id:h}),e("DID_DEFINE_VALUE",{id:h,value:null})}),e("DID_ADD_ITEM",{id:h,index:l,interactionMethod:r}),listUpdated(e,a);const{url:m,load:g,restore:E,fetch:T}=a.options.server||{};d.load(n,createFileLoader(u===FileOrigin.INPUT?isString$1(n)&&isExternalURL(n)&&T?createFetchFunction(m,T):fetchBlob:u===FileOrigin.LIMBO?createFetchFunction(m,E):createFetchFunction(m,g)),(I,f,b)=>{applyFilterChain("LOAD_FILE",I,{query:t}).then(f).catch(b)})},REQUEST_PREPARE_OUTPUT:({item:n,success:l,failure:r=()=>{}})=>{const s={error:createResponse("error",0,"Item not found"),file:null};if(n.archived)return r(s);applyFilterChain("PREPARE_OUTPUT",n.file,{query:t,item:n}).then(o=>{applyFilterChain("COMPLETE_PREPARE_OUTPUT",o,{query:t,item:n}).then(c=>{if(n.archived)return r(s);l(c)})})},COMPLETE_LOAD_ITEM:({item:n,data:l})=>{const{success:r,source:s}=l,o=t("GET_ITEM_INSERT_LOCATION");if(isFunction$2(o)&&s&&sortItems(a,o),e("DID_LOAD_ITEM",{id:n.id,error:null,serverFileReference:n.origin===FileOrigin.INPUT?null:s}),r(createItemAPI(n)),n.origin===FileOrigin.LOCAL){e("DID_LOAD_LOCAL_ITEM",{id:n.id});return}if(n.origin===FileOrigin.LIMBO){e("DID_COMPLETE_ITEM_PROCESSING",{id:n.id,error:null,serverFileReference:s}),e("DID_DEFINE_VALUE",{id:n.id,value:n.serverId||s});return}t("IS_ASYNC")&&a.options.instantUpload&&e("REQUEST_ITEM_PROCESSING",{query:n.id})},RETRY_ITEM_LOAD:getItemByQueryFromState(a,n=>{n.retryLoad()}),REQUEST_ITEM_PREPARE:getItemByQueryFromState(a,(n,l,r)=>{e("REQUEST_PREPARE_OUTPUT",{query:n.id,item:n,success:s=>{e("DID_PREPARE_OUTPUT",{id:n.id,file:s}),l({file:n,output:s})},failure:r},!0)}),REQUEST_ITEM_PROCESSING:getItemByQueryFromState(a,(n,l,r)=>{if(!(n.status===ItemStatus.IDLE||n.status===ItemStatus.PROCESSING_ERROR)){const o=()=>e("REQUEST_ITEM_PROCESSING",{query:n,success:l,failure:r}),c=()=>document.hidden?o():setTimeout(o,32);n.status===ItemStatus.PROCESSING_COMPLETE||n.status===ItemStatus.PROCESSING_REVERT_ERROR?n.revert(createRevertFunction(a.options.server.url,a.options.server.revert),t("GET_FORCE_REVERT")).then(c).catch(()=>{}):n.status===ItemStatus.PROCESSING&&n.abortProcessing().then(c);return}n.status!==ItemStatus.PROCESSING_QUEUED&&(n.requestProcessing(),e("DID_REQUEST_ITEM_PROCESSING",{id:n.id}),e("PROCESS_ITEM",{query:n,success:l,failure:r},!0))}),PROCESS_ITEM:getItemByQueryFromState(a,(n,l,r)=>{const s=t("GET_MAX_PARALLEL_UPLOADS");if(t("GET_ITEMS_BY_STATUS",ItemStatus.PROCESSING).length===s){a.processingQueue.push({id:n.id,success:l,failure:r});return}if(n.status===ItemStatus.PROCESSING)return;const c=()=>{const d=a.processingQueue.shift();if(!d)return;const{id:p,success:h,failure:m}=d,g=getItemByQuery(a.items,p);if(!g||g.archived){c();return}e("PROCESS_ITEM",{query:p,success:h,failure:m},!0)};n.onOnce("process-complete",()=>{l(createItemAPI(n)),c();const d=a.options.server;if(a.options.instantUpload&&n.origin===FileOrigin.LOCAL&&isFunction$2(d.remove)){const m=()=>{};n.origin=FileOrigin.LIMBO,a.options.server.remove(n.source,m,m)}t("GET_ITEMS_BY_STATUS",ItemStatus.PROCESSING_COMPLETE).length===a.items.length&&e("DID_COMPLETE_ITEM_PROCESSING_ALL")}),n.onOnce("process-error",d=>{r({error:d,file:createItemAPI(n)}),c()});const u=a.options;n.process(createFileProcessor(createProcessorFunction(u.server.url,u.server.process,u.name,{chunkTransferId:n.transferId,chunkServer:u.server.patch,chunkUploads:u.chunkUploads,chunkForce:u.chunkForce,chunkSize:u.chunkSize,chunkRetryDelays:u.chunkRetryDelays}),{allowMinimumUploadDuration:t("GET_ALLOW_MINIMUM_UPLOAD_DURATION")}),(d,p,h)=>{applyFilterChain("PREPARE_OUTPUT",d,{query:t,item:n}).then(m=>{e("DID_PREPARE_OUTPUT",{id:n.id,file:m}),p(m)}).catch(h)})}),RETRY_ITEM_PROCESSING:getItemByQueryFromState(a,n=>{e("REQUEST_ITEM_PROCESSING",{query:n})}),REQUEST_REMOVE_ITEM:getItemByQueryFromState(a,n=>{optionalPromise(t("GET_BEFORE_REMOVE_FILE"),createItemAPI(n)).then(l=>{l&&e("REMOVE_ITEM",{query:n})})}),RELEASE_ITEM:getItemByQueryFromState(a,n=>{n.release()}),REMOVE_ITEM:getItemByQueryFromState(a,(n,l,r,s)=>{const o=()=>{const u=n.id;getItemById(a.items,u).archive(),e("DID_REMOVE_ITEM",{error:null,id:u,item:n}),listUpdated(e,a),l(createItemAPI(n))},c=a.options.server;n.origin===FileOrigin.LOCAL&&c&&isFunction$2(c.remove)&&s.remove!==!1?(e("DID_START_ITEM_REMOVE",{id:n.id}),c.remove(n.source,()=>o(),u=>{e("DID_THROW_ITEM_REMOVE_ERROR",{id:n.id,error:createResponse("error",0,u,null),status:{main:dynamicLabel(a.options.labelFileRemoveError)(u),sub:a.options.labelTapToRetry}})})):((s.revert&&n.origin!==FileOrigin.LOCAL&&n.serverId!==null||a.options.chunkUploads&&n.file.size>a.options.chunkSize||a.options.chunkUploads&&a.options.chunkForce)&&n.revert(createRevertFunction(a.options.server.url,a.options.server.revert),t("GET_FORCE_REVERT")),o())}),ABORT_ITEM_LOAD:getItemByQueryFromState(a,n=>{n.abortLoad()}),ABORT_ITEM_PROCESSING:getItemByQueryFromState(a,n=>{if(n.serverId){e("REVERT_ITEM_PROCESSING",{id:n.id});return}n.abortProcessing().then(()=>{a.options.instantUpload&&e("REMOVE_ITEM",{query:n.id})})}),REQUEST_REVERT_ITEM_PROCESSING:getItemByQueryFromState(a,n=>{if(!a.options.instantUpload){e("REVERT_ITEM_PROCESSING",{query:n});return}const l=o=>{o&&e("REVERT_ITEM_PROCESSING",{query:n})},r=t("GET_BEFORE_REMOVE_FILE");if(!r)return l(!0);const s=r(createItemAPI(n));if(s==null)return l(!0);if(typeof s=="boolean")return l(s);typeof s.then=="function"&&s.then(l)}),REVERT_ITEM_PROCESSING:getItemByQueryFromState(a,n=>{n.revert(createRevertFunction(a.options.server.url,a.options.server.revert),t("GET_FORCE_REVERT")).then(()=>{(a.options.instantUpload||isMockItem(n))&&e("REMOVE_ITEM",{query:n.id})}).catch(()=>{})}),SET_OPTIONS:({options:n})=>{const l=Object.keys(n),r=PrioritizedOptions.filter(o=>l.includes(o));[...r,...Object.keys(n).filter(o=>!r.includes(o))].forEach(o=>{e(`SET_${fromCamels(o,"_").toUpperCase()}`,{value:n[o]})})}}),PrioritizedOptions=["server"],formatFilename=e=>e,createElement$1=e=>document.createElement(e),text=(e,t)=>{let a=e.childNodes[0];a?t!==a.nodeValue&&(a.nodeValue=t):(a=document.createTextNode(t),e.appendChild(a))},polarToCartesian=(e,t,a,n)=>{const l=(n%360-90)*Math.PI/180;return{x:e+a*Math.cos(l),y:t+a*Math.sin(l)}},describeArc=(e,t,a,n,l,r)=>{const s=polarToCartesian(e,t,a,l),o=polarToCartesian(e,t,a,n);return["M",s.x,s.y,"A",a,a,0,r,0,o.x,o.y].join(" ")},percentageArc=(e,t,a,n,l)=>{let r=1;return l>n&&l-n<=.5&&(r=0),n>l&&n-l>=.5&&(r=0),describeArc(e,t,a,Math.min(.9999,n)*360,Math.min(.9999,l)*360,r)},create=({root:e,props:t})=>{t.spin=!1,t.progress=0,t.opacity=0;const a=createElement("svg");e.ref.path=createElement("path",{"stroke-width":2,"stroke-linecap":"round"}),a.appendChild(e.ref.path),e.ref.svg=a,e.appendChild(a)},write=({root:e,props:t})=>{if(t.opacity===0)return;t.align&&(e.element.dataset.align=t.align);const a=parseInt(attr(e.ref.path,"stroke-width"),10),n=e.rect.element.width*.5;let l=0,r=0;t.spin?(l=0,r=.5):(l=0,r=t.progress);const s=percentageArc(n,n,n-a,l,r);attr(e.ref.path,"d",s),attr(e.ref.path,"stroke-opacity",t.spin||t.progress>0?1:0)},progressIndicator=createView({tag:"div",name:"progress-indicator",ignoreRectUpdate:!0,ignoreRect:!0,create,write,mixins:{apis:["progress","spin","align"],styles:["opacity"],animations:{opacity:{type:"tween",duration:500},progress:{type:"spring",stiffness:.95,damping:.65,mass:10}}}}),create$1=({root:e,props:t})=>{e.element.innerHTML=(t.icon||"")+`<span>${t.label}</span>`,t.isDisabled=!1},write$1=({root:e,props:t})=>{const{isDisabled:a}=t,n=e.query("GET_DISABLED")||t.opacity===0;n&&!a?(t.isDisabled=!0,attr(e.element,"disabled","disabled")):!n&&a&&(t.isDisabled=!1,e.element.removeAttribute("disabled"))},fileActionButton=createView({tag:"button",attributes:{type:"button"},ignoreRect:!0,ignoreRectUpdate:!0,name:"file-action-button",mixins:{apis:["label"],styles:["translateX","translateY","scaleX","scaleY","opacity"],animations:{scaleX:"spring",scaleY:"spring",translateX:"spring",translateY:"spring",opacity:{type:"tween",duration:250}},listeners:!0},create:create$1,write:write$1}),toNaturalFileSize=(e,t=".",a=1e3,n={})=>{const{labelBytes:l="bytes",labelKilobytes:r="KB",labelMegabytes:s="MB",labelGigabytes:o="GB"}=n;e=Math.round(Math.abs(e));const c=a,u=a*a,d=a*a*a;return e<c?`${e} ${l}`:e<u?`${Math.floor(e/c)} ${r}`:e<d?`${removeDecimalsWhenZero(e/u,1,t)} ${s}`:`${removeDecimalsWhenZero(e/d,2,t)} ${o}`},removeDecimalsWhenZero=(e,t,a)=>e.toFixed(t).split(".").filter(n=>n!=="0").join(a),create$2=({root:e,props:t})=>{const a=createElement$1("span");a.className="filepond--file-info-main",attr(a,"aria-hidden","true"),e.appendChild(a),e.ref.fileName=a;const n=createElement$1("span");n.className="filepond--file-info-sub",e.appendChild(n),e.ref.fileSize=n,text(n,e.query("GET_LABEL_FILE_WAITING_FOR_SIZE")),text(a,formatFilename(e.query("GET_ITEM_NAME",t.id)))},updateFile=({root:e,props:t})=>{text(e.ref.fileSize,toNaturalFileSize(e.query("GET_ITEM_SIZE",t.id),".",e.query("GET_FILE_SIZE_BASE"),e.query("GET_FILE_SIZE_LABELS",e.query))),text(e.ref.fileName,formatFilename(e.query("GET_ITEM_NAME",t.id)))},updateFileSizeOnError=({root:e,props:t})=>{if(isInt(e.query("GET_ITEM_SIZE",t.id))){updateFile({root:e,props:t});return}text(e.ref.fileSize,e.query("GET_LABEL_FILE_SIZE_NOT_AVAILABLE"))},fileInfo=createView({name:"file-info",ignoreRect:!0,ignoreRectUpdate:!0,write:createRoute({DID_LOAD_ITEM:updateFile,DID_UPDATE_ITEM_META:updateFile,DID_THROW_ITEM_LOAD_ERROR:updateFileSizeOnError,DID_THROW_ITEM_INVALID:updateFileSizeOnError}),didCreateView:e=>{applyFilters("CREATE_VIEW",{...e,view:e})},create:create$2,mixins:{styles:["translateX","translateY"],animations:{translateX:"spring",translateY:"spring"}}}),toPercentage=e=>Math.round(e*100),create$3=({root:e})=>{const t=createElement$1("span");t.className="filepond--file-status-main",e.appendChild(t),e.ref.main=t;const a=createElement$1("span");a.className="filepond--file-status-sub",e.appendChild(a),e.ref.sub=a,didSetItemLoadProgress({root:e,action:{progress:null}})},didSetItemLoadProgress=({root:e,action:t})=>{const a=t.progress===null?e.query("GET_LABEL_FILE_LOADING"):`${e.query("GET_LABEL_FILE_LOADING")} ${toPercentage(t.progress)}%`;text(e.ref.main,a),text(e.ref.sub,e.query("GET_LABEL_TAP_TO_CANCEL"))},didSetItemProcessProgress=({root:e,action:t})=>{const a=t.progress===null?e.query("GET_LABEL_FILE_PROCESSING"):`${e.query("GET_LABEL_FILE_PROCESSING")} ${toPercentage(t.progress)}%`;text(e.ref.main,a),text(e.ref.sub,e.query("GET_LABEL_TAP_TO_CANCEL"))},didRequestItemProcessing=({root:e})=>{text(e.ref.main,e.query("GET_LABEL_FILE_PROCESSING")),text(e.ref.sub,e.query("GET_LABEL_TAP_TO_CANCEL"))},didAbortItemProcessing=({root:e})=>{text(e.ref.main,e.query("GET_LABEL_FILE_PROCESSING_ABORTED")),text(e.ref.sub,e.query("GET_LABEL_TAP_TO_RETRY"))},didCompleteItemProcessing=({root:e})=>{text(e.ref.main,e.query("GET_LABEL_FILE_PROCESSING_COMPLETE")),text(e.ref.sub,e.query("GET_LABEL_TAP_TO_UNDO"))},clear=({root:e})=>{text(e.ref.main,""),text(e.ref.sub,"")},error=({root:e,action:t})=>{text(e.ref.main,t.status.main),text(e.ref.sub,t.status.sub)},fileStatus=createView({name:"file-status",ignoreRect:!0,ignoreRectUpdate:!0,write:createRoute({DID_LOAD_ITEM:clear,DID_REVERT_ITEM_PROCESSING:clear,DID_REQUEST_ITEM_PROCESSING:didRequestItemProcessing,DID_ABORT_ITEM_PROCESSING:didAbortItemProcessing,DID_COMPLETE_ITEM_PROCESSING:didCompleteItemProcessing,DID_UPDATE_ITEM_PROCESS_PROGRESS:didSetItemProcessProgress,DID_UPDATE_ITEM_LOAD_PROGRESS:didSetItemLoadProgress,DID_THROW_ITEM_LOAD_ERROR:error,DID_THROW_ITEM_INVALID:error,DID_THROW_ITEM_PROCESSING_ERROR:error,DID_THROW_ITEM_PROCESSING_REVERT_ERROR:error,DID_THROW_ITEM_REMOVE_ERROR:error}),didCreateView:e=>{applyFilters("CREATE_VIEW",{...e,view:e})},create:create$3,mixins:{styles:["translateX","translateY","opacity"],animations:{opacity:{type:"tween",duration:250},translateX:"spring",translateY:"spring"}}}),Buttons={AbortItemLoad:{label:"GET_LABEL_BUTTON_ABORT_ITEM_LOAD",action:"ABORT_ITEM_LOAD",className:"filepond--action-abort-item-load",align:"LOAD_INDICATOR_POSITION"},RetryItemLoad:{label:"GET_LABEL_BUTTON_RETRY_ITEM_LOAD",action:"RETRY_ITEM_LOAD",icon:"GET_ICON_RETRY",className:"filepond--action-retry-item-load",align:"BUTTON_PROCESS_ITEM_POSITION"},RemoveItem:{label:"GET_LABEL_BUTTON_REMOVE_ITEM",action:"REQUEST_REMOVE_ITEM",icon:"GET_ICON_REMOVE",className:"filepond--action-remove-item",align:"BUTTON_REMOVE_ITEM_POSITION"},ProcessItem:{label:"GET_LABEL_BUTTON_PROCESS_ITEM",action:"REQUEST_ITEM_PROCESSING",icon:"GET_ICON_PROCESS",className:"filepond--action-process-item",align:"BUTTON_PROCESS_ITEM_POSITION"},AbortItemProcessing:{label:"GET_LABEL_BUTTON_ABORT_ITEM_PROCESSING",action:"ABORT_ITEM_PROCESSING",className:"filepond--action-abort-item-processing",align:"BUTTON_PROCESS_ITEM_POSITION"},RetryItemProcessing:{label:"GET_LABEL_BUTTON_RETRY_ITEM_PROCESSING",action:"RETRY_ITEM_PROCESSING",icon:"GET_ICON_RETRY",className:"filepond--action-retry-item-processing",align:"BUTTON_PROCESS_ITEM_POSITION"},RevertItemProcessing:{label:"GET_LABEL_BUTTON_UNDO_ITEM_PROCESSING",action:"REQUEST_REVERT_ITEM_PROCESSING",icon:"GET_ICON_UNDO",className:"filepond--action-revert-item-processing",align:"BUTTON_PROCESS_ITEM_POSITION"}},ButtonKeys=[];forin(Buttons,e=>{ButtonKeys.push(e)});const calculateFileInfoOffset=e=>{if(getRemoveIndicatorAligment(e)==="right")return 0;const t=e.ref.buttonRemoveItem.rect.element;return t.hidden?null:t.width+t.left},calculateButtonWidth=e=>e.ref.buttonAbortItemLoad.rect.element.width,calculateFileVerticalCenterOffset=e=>Math.floor(e.ref.buttonRemoveItem.rect.element.height/4),calculateFileHorizontalCenterOffset=e=>Math.floor(e.ref.buttonRemoveItem.rect.element.left/2),getLoadIndicatorAlignment=e=>e.query("GET_STYLE_LOAD_INDICATOR_POSITION"),getProcessIndicatorAlignment=e=>e.query("GET_STYLE_PROGRESS_INDICATOR_POSITION"),getRemoveIndicatorAligment=e=>e.query("GET_STYLE_BUTTON_REMOVE_ITEM_POSITION"),DefaultStyle={buttonAbortItemLoad:{opacity:0},buttonRetryItemLoad:{opacity:0},buttonRemoveItem:{opacity:0},buttonProcessItem:{opacity:0},buttonAbortItemProcessing:{opacity:0},buttonRetryItemProcessing:{opacity:0},buttonRevertItemProcessing:{opacity:0},loadProgressIndicator:{opacity:0,align:getLoadIndicatorAlignment},processProgressIndicator:{opacity:0,align:getProcessIndicatorAlignment},processingCompleteIndicator:{opacity:0,scaleX:.75,scaleY:.75},info:{translateX:0,translateY:0,opacity:0},status:{translateX:0,translateY:0,opacity:0}},IdleStyle={buttonRemoveItem:{opacity:1},buttonProcessItem:{opacity:1},info:{translateX:calculateFileInfoOffset},status:{translateX:calculateFileInfoOffset}},ProcessingStyle={buttonAbortItemProcessing:{opacity:1},processProgressIndicator:{opacity:1},status:{opacity:1}},StyleMap={DID_THROW_ITEM_INVALID:{buttonRemoveItem:{opacity:1},info:{translateX:calculateFileInfoOffset},status:{translateX:calculateFileInfoOffset,opacity:1}},DID_START_ITEM_LOAD:{buttonAbortItemLoad:{opacity:1},loadProgressIndicator:{opacity:1},status:{opacity:1}},DID_THROW_ITEM_LOAD_ERROR:{buttonRetryItemLoad:{opacity:1},buttonRemoveItem:{opacity:1},info:{translateX:calculateFileInfoOffset},status:{opacity:1}},DID_START_ITEM_REMOVE:{processProgressIndicator:{opacity:1,align:getRemoveIndicatorAligment},info:{translateX:calculateFileInfoOffset},status:{opacity:0}},DID_THROW_ITEM_REMOVE_ERROR:{processProgressIndicator:{opacity:0,align:getRemoveIndicatorAligment},buttonRemoveItem:{opacity:1},info:{translateX:calculateFileInfoOffset},status:{opacity:1,translateX:calculateFileInfoOffset}},DID_LOAD_ITEM:IdleStyle,DID_LOAD_LOCAL_ITEM:{buttonRemoveItem:{opacity:1},info:{translateX:calculateFileInfoOffset},status:{translateX:calculateFileInfoOffset}},DID_START_ITEM_PROCESSING:ProcessingStyle,DID_REQUEST_ITEM_PROCESSING:ProcessingStyle,DID_UPDATE_ITEM_PROCESS_PROGRESS:ProcessingStyle,DID_COMPLETE_ITEM_PROCESSING:{buttonRevertItemProcessing:{opacity:1},info:{opacity:1},status:{opacity:1}},DID_THROW_ITEM_PROCESSING_ERROR:{buttonRemoveItem:{opacity:1},buttonRetryItemProcessing:{opacity:1},status:{opacity:1},info:{translateX:calculateFileInfoOffset}},DID_THROW_ITEM_PROCESSING_REVERT_ERROR:{buttonRevertItemProcessing:{opacity:1},status:{opacity:1},info:{opacity:1}},DID_ABORT_ITEM_PROCESSING:{buttonRemoveItem:{opacity:1},buttonProcessItem:{opacity:1},info:{translateX:calculateFileInfoOffset},status:{opacity:1}},DID_REVERT_ITEM_PROCESSING:IdleStyle},processingCompleteIndicatorView=createView({create:({root:e})=>{e.element.innerHTML=e.query("GET_ICON_DONE")},name:"processing-complete-indicator",ignoreRect:!0,mixins:{styles:["scaleX","scaleY","opacity"],animations:{scaleX:"spring",scaleY:"spring",opacity:{type:"tween",duration:250}}}}),create$4=({root:e,props:t})=>{const a=Object.keys(Buttons).reduce((g,E)=>(g[E]={...Buttons[E]},g),{}),{id:n}=t,l=e.query("GET_ALLOW_REVERT"),r=e.query("GET_ALLOW_REMOVE"),s=e.query("GET_ALLOW_PROCESS"),o=e.query("GET_INSTANT_UPLOAD"),c=e.query("IS_ASYNC"),u=e.query("GET_STYLE_BUTTON_REMOVE_ITEM_ALIGN");let d;c?s&&!l?d=g=>!/RevertItemProcessing/.test(g):!s&&l?d=g=>!/ProcessItem|RetryItemProcessing|AbortItemProcessing/.test(g):!s&&!l&&(d=g=>!/Process/.test(g)):d=g=>!/Process/.test(g);const p=d?ButtonKeys.filter(d):ButtonKeys.concat();if(o&&l&&(a.RevertItemProcessing.label="GET_LABEL_BUTTON_REMOVE_ITEM",a.RevertItemProcessing.icon="GET_ICON_REMOVE"),c&&!l){const g=StyleMap.DID_COMPLETE_ITEM_PROCESSING;g.info.translateX=calculateFileHorizontalCenterOffset,g.info.translateY=calculateFileVerticalCenterOffset,g.status.translateY=calculateFileVerticalCenterOffset,g.processingCompleteIndicator={opacity:1,scaleX:1,scaleY:1}}if(c&&!s&&(["DID_START_ITEM_PROCESSING","DID_REQUEST_ITEM_PROCESSING","DID_UPDATE_ITEM_PROCESS_PROGRESS","DID_THROW_ITEM_PROCESSING_ERROR"].forEach(g=>{StyleMap[g].status.translateY=calculateFileVerticalCenterOffset}),StyleMap.DID_THROW_ITEM_PROCESSING_ERROR.status.translateX=calculateButtonWidth),u&&l){a.RevertItemProcessing.align="BUTTON_REMOVE_ITEM_POSITION";const g=StyleMap.DID_COMPLETE_ITEM_PROCESSING;g.info.translateX=calculateFileInfoOffset,g.status.translateY=calculateFileVerticalCenterOffset,g.processingCompleteIndicator={opacity:1,scaleX:1,scaleY:1}}r||(a.RemoveItem.disabled=!0),forin(a,(g,E)=>{const T=e.createChildView(fileActionButton,{label:e.query(E.label),icon:e.query(E.icon),opacity:0});p.includes(g)&&e.appendChildView(T),E.disabled&&(T.element.setAttribute("disabled","disabled"),T.element.setAttribute("hidden","hidden")),T.element.dataset.align=e.query(`GET_STYLE_${E.align}`),T.element.classList.add(E.className),T.on("click",I=>{I.stopPropagation(),!E.disabled&&e.dispatch(E.action,{query:n})}),e.ref[`button${g}`]=T}),e.ref.processingCompleteIndicator=e.appendChildView(e.createChildView(processingCompleteIndicatorView)),e.ref.processingCompleteIndicator.element.dataset.align=e.query("GET_STYLE_BUTTON_PROCESS_ITEM_POSITION"),e.ref.info=e.appendChildView(e.createChildView(fileInfo,{id:n})),e.ref.status=e.appendChildView(e.createChildView(fileStatus,{id:n}));const h=e.appendChildView(e.createChildView(progressIndicator,{opacity:0,align:e.query("GET_STYLE_LOAD_INDICATOR_POSITION")}));h.element.classList.add("filepond--load-indicator"),e.ref.loadProgressIndicator=h;const m=e.appendChildView(e.createChildView(progressIndicator,{opacity:0,align:e.query("GET_STYLE_PROGRESS_INDICATOR_POSITION")}));m.element.classList.add("filepond--process-indicator"),e.ref.processProgressIndicator=m,e.ref.activeStyles=[]},write$2=({root:e,actions:t,props:a})=>{route({root:e,actions:t,props:a});let n=t.concat().filter(l=>/^DID_/.test(l.type)).reverse().find(l=>StyleMap[l.type]);if(n){e.ref.activeStyles=[];const l=StyleMap[n.type];forin(DefaultStyle,(r,s)=>{const o=e.ref[r];forin(s,(c,u)=>{const d=l[r]&&typeof l[r][c]<"u"?l[r][c]:u;e.ref.activeStyles.push({control:o,key:c,value:d})})})}e.ref.activeStyles.forEach(({control:l,key:r,value:s})=>{l[r]=typeof s=="function"?s(e):s})},route=createRoute({DID_SET_LABEL_BUTTON_ABORT_ITEM_PROCESSING:({root:e,action:t})=>{e.ref.buttonAbortItemProcessing.label=t.value},DID_SET_LABEL_BUTTON_ABORT_ITEM_LOAD:({root:e,action:t})=>{e.ref.buttonAbortItemLoad.label=t.value},DID_SET_LABEL_BUTTON_ABORT_ITEM_REMOVAL:({root:e,action:t})=>{e.ref.buttonAbortItemRemoval.label=t.value},DID_REQUEST_ITEM_PROCESSING:({root:e})=>{e.ref.processProgressIndicator.spin=!0,e.ref.processProgressIndicator.progress=0},DID_START_ITEM_LOAD:({root:e})=>{e.ref.loadProgressIndicator.spin=!0,e.ref.loadProgressIndicator.progress=0},DID_START_ITEM_REMOVE:({root:e})=>{e.ref.processProgressIndicator.spin=!0,e.ref.processProgressIndicator.progress=0},DID_UPDATE_ITEM_LOAD_PROGRESS:({root:e,action:t})=>{e.ref.loadProgressIndicator.spin=!1,e.ref.loadProgressIndicator.progress=t.progress},DID_UPDATE_ITEM_PROCESS_PROGRESS:({root:e,action:t})=>{e.ref.processProgressIndicator.spin=!1,e.ref.processProgressIndicator.progress=t.progress}}),file=createView({create:create$4,write:write$2,didCreateView:e=>{applyFilters("CREATE_VIEW",{...e,view:e})},name:"file"}),create$5=({root:e,props:t})=>{e.ref.fileName=createElement$1("legend"),e.appendChild(e.ref.fileName),e.ref.file=e.appendChildView(e.createChildView(file,{id:t.id})),e.ref.data=!1},didLoadItem=({root:e,props:t})=>{text(e.ref.fileName,formatFilename(e.query("GET_ITEM_NAME",t.id)))},fileWrapper=createView({create:create$5,ignoreRect:!0,write:createRoute({DID_LOAD_ITEM:didLoadItem}),didCreateView:e=>{applyFilters("CREATE_VIEW",{...e,view:e})},tag:"fieldset",name:"file-wrapper"}),PANEL_SPRING_PROPS={type:"spring",damping:.6,mass:7},create$6=({root:e,props:t})=>{[{name:"top"},{name:"center",props:{translateY:null,scaleY:null},mixins:{animations:{scaleY:PANEL_SPRING_PROPS},styles:["translateY","scaleY"]}},{name:"bottom",props:{translateY:null},mixins:{animations:{translateY:PANEL_SPRING_PROPS},styles:["translateY"]}}].forEach(a=>{createSection(e,a,t.name)}),e.element.classList.add(`filepond--${t.name}`),e.ref.scalable=null},createSection=(e,t,a)=>{const n=createView({name:`panel-${t.name} filepond--${a}`,mixins:t.mixins,ignoreRectUpdate:!0}),l=e.createChildView(n,t.props);e.ref[t.name]=e.appendChildView(l)},write$3=({root:e,props:t})=>{if((e.ref.scalable===null||t.scalable!==e.ref.scalable)&&(e.ref.scalable=isBoolean(t.scalable)?t.scalable:!0,e.element.dataset.scalable=e.ref.scalable),!t.height)return;const a=e.ref.top.rect.element,n=e.ref.bottom.rect.element,l=Math.max(a.height+n.height,t.height);e.ref.center.translateY=a.height,e.ref.center.scaleY=(l-a.height-n.height)/100,e.ref.bottom.translateY=l-n.height},panel=createView({name:"panel",read:({root:e,props:t})=>t.heightCurrent=e.ref.bottom.translateY,write:write$3,create:create$6,ignoreRect:!0,mixins:{apis:["height","heightCurrent","scalable"]}}),createDragHelper=e=>{const t=e.map(n=>n.id);let a;return{setIndex:n=>{a=n},getIndex:()=>a,getItemIndex:n=>t.indexOf(n.id)}},ITEM_TRANSLATE_SPRING={type:"spring",stiffness:.75,damping:.45,mass:10},ITEM_SCALE_SPRING="spring",StateMap={DID_START_ITEM_LOAD:"busy",DID_UPDATE_ITEM_LOAD_PROGRESS:"loading",DID_THROW_ITEM_INVALID:"load-invalid",DID_THROW_ITEM_LOAD_ERROR:"load-error",DID_LOAD_ITEM:"idle",DID_THROW_ITEM_REMOVE_ERROR:"remove-error",DID_START_ITEM_REMOVE:"busy",DID_START_ITEM_PROCESSING:"busy processing",DID_REQUEST_ITEM_PROCESSING:"busy processing",DID_UPDATE_ITEM_PROCESS_PROGRESS:"processing",DID_COMPLETE_ITEM_PROCESSING:"processing-complete",DID_THROW_ITEM_PROCESSING_ERROR:"processing-error",DID_THROW_ITEM_PROCESSING_REVERT_ERROR:"processing-revert-error",DID_ABORT_ITEM_PROCESSING:"cancelled",DID_REVERT_ITEM_PROCESSING:"idle"},create$7=({root:e,props:t})=>{if(e.ref.handleClick=n=>e.dispatch("DID_ACTIVATE_ITEM",{id:t.id}),e.element.id=`filepond--item-${t.id}`,e.element.addEventListener("click",e.ref.handleClick),e.ref.container=e.appendChildView(e.createChildView(fileWrapper,{id:t.id})),e.ref.panel=e.appendChildView(e.createChildView(panel,{name:"item-panel"})),e.ref.panel.height=null,t.markedForRemoval=!1,!e.query("GET_ALLOW_REORDER"))return;e.element.dataset.dragState="idle";const a=n=>{if(!n.isPrimary)return;let l=!1;const r={x:n.pageX,y:n.pageY};t.dragOrigin={x:e.translateX,y:e.translateY},t.dragCenter={x:n.offsetX,y:n.offsetY};const s=createDragHelper(e.query("GET_ACTIVE_ITEMS"));e.dispatch("DID_GRAB_ITEM",{id:t.id,dragState:s});const o=u=>{if(!u.isPrimary)return;u.stopPropagation(),u.preventDefault(),t.dragOffset={x:u.pageX-r.x,y:u.pageY-r.y},t.dragOffset.x*t.dragOffset.x+t.dragOffset.y*t.dragOffset.y>16&&!l&&(l=!0,e.element.removeEventListener("click",e.ref.handleClick)),e.dispatch("DID_DRAG_ITEM",{id:t.id,dragState:s})},c=u=>{u.isPrimary&&(document.removeEventListener("pointermove",o),document.removeEventListener("pointerup",c),t.dragOffset={x:u.pageX-r.x,y:u.pageY-r.y},e.dispatch("DID_DROP_ITEM",{id:t.id,dragState:s}),l&&setTimeout(()=>e.element.addEventListener("click",e.ref.handleClick),0))};document.addEventListener("pointermove",o),document.addEventListener("pointerup",c)};e.element.addEventListener("pointerdown",a)},route$1=createRoute({DID_UPDATE_PANEL_HEIGHT:({root:e,action:t})=>{e.height=t.height}}),write$4=createRoute({DID_GRAB_ITEM:({root:e,props:t})=>{t.dragOrigin={x:e.translateX,y:e.translateY}},DID_DRAG_ITEM:({root:e})=>{e.element.dataset.dragState="drag"},DID_DROP_ITEM:({root:e,props:t})=>{t.dragOffset=null,t.dragOrigin=null,e.element.dataset.dragState="drop"}},({root:e,actions:t,props:a,shouldOptimize:n})=>{e.element.dataset.dragState==="drop"&&e.scaleX<=1&&(e.element.dataset.dragState="idle");let l=t.concat().filter(s=>/^DID_/.test(s.type)).reverse().find(s=>StateMap[s.type]);l&&l.type!==a.currentState&&(a.currentState=l.type,e.element.dataset.filepondItemState=StateMap[a.currentState]||"");const r=e.query("GET_ITEM_PANEL_ASPECT_RATIO")||e.query("GET_PANEL_ASPECT_RATIO");r?n||(e.height=e.rect.element.width*r):(route$1({root:e,actions:t,props:a}),!e.height&&e.ref.container.rect.element.height>0&&(e.height=e.ref.container.rect.element.height)),n&&(e.ref.panel.height=null),e.ref.panel.height=e.height}),item=createView({create:create$7,write:write$4,destroy:({root:e,props:t})=>{e.element.removeEventListener("click",e.ref.handleClick),e.dispatch("RELEASE_ITEM",{query:t.id})},tag:"li",name:"item",mixins:{apis:["id","interactionMethod","markedForRemoval","spawnDate","dragCenter","dragOrigin","dragOffset"],styles:["translateX","translateY","scaleX","scaleY","opacity","height"],animations:{scaleX:ITEM_SCALE_SPRING,scaleY:ITEM_SCALE_SPRING,translateX:ITEM_TRANSLATE_SPRING,translateY:ITEM_TRANSLATE_SPRING,opacity:{type:"tween",duration:150}}}});var getItemsPerRow=(e,t)=>Math.max(1,Math.floor((e+1)/t));const getItemIndexByPosition=(e,t,a)=>{if(!a)return;const n=e.rect.element.width,l=t.length;let r=null;if(l===0||a.top<t[0].rect.element.top)return-1;const o=t[0].rect.element,c=o.marginLeft+o.marginRight,u=o.width+c,d=getItemsPerRow(n,u);if(d===1){for(let m=0;m<l;m++){const g=t[m],E=g.rect.outer.top+g.rect.element.height*.5;if(a.top<E)return m}return l}const p=o.marginTop+o.marginBottom,h=o.height+p;for(let m=0;m<l;m++){const g=m%d,E=Math.floor(m/d),T=g*u,I=E*h,f=I-o.marginTop,b=T+u,S=I+h+o.marginBottom;if(a.top<S&&a.top>f){if(a.left<b)return m;m!==l-1?r=m:r=null}}return r!==null?r:l},dropAreaDimensions={height:0,width:0,get getHeight(){return this.height},set setHeight(e){(this.height===0||e===0)&&(this.height=e)},get getWidth(){return this.width},set setWidth(e){(this.width===0||e===0)&&(this.width=e)},setDimensions:function(e,t){(this.height===0||e===0)&&(this.height=e),(this.width===0||t===0)&&(this.width=t)}},create$8=({root:e})=>{attr(e.element,"role","list"),e.ref.lastItemSpanwDate=Date.now()},addItemView=({root:e,action:t})=>{const{id:a,index:n,interactionMethod:l}=t;e.ref.addIndex=n;const r=Date.now();let s=r,o=1;if(l!==InteractionMethod.NONE){o=0;const c=e.query("GET_ITEM_INSERT_INTERVAL"),u=r-e.ref.lastItemSpanwDate;s=u<c?r+(c-u):r}e.ref.lastItemSpanwDate=s,e.appendChildView(e.createChildView(item,{spawnDate:s,id:a,opacity:o,interactionMethod:l}),n)},moveItem=(e,t,a,n=0,l=1)=>{e.dragOffset?(e.translateX=null,e.translateY=null,e.translateX=e.dragOrigin.x+e.dragOffset.x,e.translateY=e.dragOrigin.y+e.dragOffset.y,e.scaleX=1.025,e.scaleY=1.025):(e.translateX=t,e.translateY=a,Date.now()>e.spawnDate&&(e.opacity===0&&introItemView(e,t,a,n,l),e.scaleX=1,e.scaleY=1,e.opacity=1))},introItemView=(e,t,a,n,l)=>{e.interactionMethod===InteractionMethod.NONE?(e.translateX=null,e.translateX=t,e.translateY=null,e.translateY=a):e.interactionMethod===InteractionMethod.DROP?(e.translateX=null,e.translateX=t-n*20,e.translateY=null,e.translateY=a-l*10,e.scaleX=.8,e.scaleY=.8):e.interactionMethod===InteractionMethod.BROWSE?(e.translateY=null,e.translateY=a-30):e.interactionMethod===InteractionMethod.API&&(e.translateX=null,e.translateX=t-30,e.translateY=null)},removeItemView=({root:e,action:t})=>{const{id:a}=t,n=e.childViews.find(l=>l.id===a);n&&(n.scaleX=.9,n.scaleY=.9,n.opacity=0,n.markedForRemoval=!0)},getItemHeight=e=>e.rect.element.height+e.rect.element.marginBottom*.5+e.rect.element.marginTop*.5,getItemWidth=e=>e.rect.element.width+e.rect.element.marginLeft*.5+e.rect.element.marginRight*.5,dragItem=({root:e,action:t})=>{const{id:a,dragState:n}=t,l=e.query("GET_ITEM",{id:a}),r=e.childViews.find(T=>T.id===a),s=e.childViews.length,o=n.getItemIndex(l);if(!r)return;const c={x:r.dragOrigin.x+r.dragOffset.x+r.dragCenter.x,y:r.dragOrigin.y+r.dragOffset.y+r.dragCenter.y},u=getItemHeight(r),d=getItemWidth(r);let p=Math.floor(e.rect.outer.width/d);p>s&&(p=s);const h=Math.floor(s/p+1);dropAreaDimensions.setHeight=u*h,dropAreaDimensions.setWidth=d*p;var m={y:Math.floor(c.y/u),x:Math.floor(c.x/d),getGridIndex:function(){return c.y>dropAreaDimensions.getHeight||c.y<0||c.x>dropAreaDimensions.getWidth||c.x<0?o:this.y*p+this.x},getColIndex:function(){const I=e.query("GET_ACTIVE_ITEMS"),f=e.childViews.filter(M=>M.rect.element.height),b=I.map(M=>f.find(z=>z.id===M.id)),S=b.findIndex(M=>M===r),R=getItemHeight(r),A=b.length;let O=A,L=0,P=0,D=0;for(let M=0;M<A;M++)if(L=getItemHeight(b[M]),D=P,P=D+L,c.y<P){if(S>M){if(c.y<D+R){O=M;break}continue}O=M;break}return O}};const g=p>1?m.getGridIndex():m.getColIndex();e.dispatch("MOVE_ITEM",{query:r,index:g});const E=n.getIndex();if(E===void 0||E!==g){if(n.setIndex(g),E===void 0)return;e.dispatch("DID_REORDER_ITEMS",{items:e.query("GET_ACTIVE_ITEMS"),origin:o,target:g})}},route$2=createRoute({DID_ADD_ITEM:addItemView,DID_REMOVE_ITEM:removeItemView,DID_DRAG_ITEM:dragItem}),write$5=({root:e,props:t,actions:a,shouldOptimize:n})=>{route$2({root:e,props:t,actions:a});const{dragCoordinates:l}=t,r=e.rect.element.width,s=e.childViews.filter(b=>b.rect.element.height),o=e.query("GET_ACTIVE_ITEMS").map(b=>s.find(S=>S.id===b.id)).filter(b=>b),c=l?getItemIndexByPosition(e,o,l):null,u=e.ref.addIndex||null;e.ref.addIndex=null;let d=0,p=0,h=0;if(o.length===0)return;const m=o[0].rect.element,g=m.marginTop+m.marginBottom,E=m.marginLeft+m.marginRight,T=m.width+E,I=m.height+g,f=getItemsPerRow(r,T);if(f===1){let b=0,S=0;o.forEach((R,A)=>{if(c){let P=A-c;P===-2?S=-g*.25:P===-1?S=-g*.75:P===0?S=g*.75:P===1?S=g*.25:S=0}n&&(R.translateX=null,R.translateY=null),R.markedForRemoval||moveItem(R,0,b+S);let L=(R.rect.element.height+g)*(R.markedForRemoval?R.opacity:1);b+=L})}else{let b=0,S=0;o.forEach((R,A)=>{A===c&&(d=1),A===u&&(h+=1),R.markedForRemoval&&R.opacity<.5&&(p-=1);const O=A+h+d+p,L=O%f,P=Math.floor(O/f),D=L*T,M=P*I,z=Math.sign(D-b),V=Math.sign(M-S);b=D,S=M,!R.markedForRemoval&&(n&&(R.translateX=null,R.translateY=null),moveItem(R,D,M,z,V))})}},filterSetItemActions=(e,t)=>t.filter(a=>a.data&&a.data.id?e.id===a.data.id:!0),list=createView({create:create$8,write:write$5,tag:"ul",name:"list",didWriteView:({root:e})=>{e.childViews.filter(t=>t.markedForRemoval&&t.opacity===0&&t.resting).forEach(t=>{t._destroy(),e.removeChildView(t)})},filterFrameActionsForChild:filterSetItemActions,mixins:{apis:["dragCoordinates"]}}),create$9=({root:e,props:t})=>{e.ref.list=e.appendChildView(e.createChildView(list)),t.dragCoordinates=null,t.overflowing=!1},storeDragCoordinates=({root:e,props:t,action:a})=>{e.query("GET_ITEM_INSERT_LOCATION_FREEDOM")&&(t.dragCoordinates={left:a.position.scopeLeft-e.ref.list.rect.element.left,top:a.position.scopeTop-(e.rect.outer.top+e.rect.element.marginTop+e.rect.element.scrollTop)})},clearDragCoordinates=({props:e})=>{e.dragCoordinates=null},route$3=createRoute({DID_DRAG:storeDragCoordinates,DID_END_DRAG:clearDragCoordinates}),write$6=({root:e,props:t,actions:a})=>{if(route$3({root:e,props:t,actions:a}),e.ref.list.dragCoordinates=t.dragCoordinates,t.overflowing&&!t.overflow&&(t.overflowing=!1,e.element.dataset.state="",e.height=null),t.overflow){const n=Math.round(t.overflow);n!==e.height&&(t.overflowing=!0,e.element.dataset.state="overflow",e.height=n)}},listScroller=createView({create:create$9,write:write$6,name:"list-scroller",mixins:{apis:["overflow","dragCoordinates"],styles:["height","translateY"],animations:{translateY:"spring"}}}),attrToggle=(e,t,a,n="")=>{a?attr(e,t,n):e.removeAttribute(t)},resetFileInput=e=>{if(!(!e||e.value==="")){try{e.value=""}catch{}if(e.value){const t=createElement$1("form"),a=e.parentNode,n=e.nextSibling;t.appendChild(e),t.reset(),n?a.insertBefore(e,n):a.appendChild(e)}}},create$a=({root:e,props:t})=>{e.element.id=`filepond--browser-${t.id}`,attr(e.element,"name",e.query("GET_NAME")),attr(e.element,"aria-controls",`filepond--assistant-${t.id}`),attr(e.element,"aria-labelledby",`filepond--drop-label-${t.id}`),setAcceptedFileTypes({root:e,action:{value:e.query("GET_ACCEPTED_FILE_TYPES")}}),toggleAllowMultiple({root:e,action:{value:e.query("GET_ALLOW_MULTIPLE")}}),toggleDirectoryFilter({root:e,action:{value:e.query("GET_ALLOW_DIRECTORIES_ONLY")}}),toggleDisabled({root:e}),toggleRequired({root:e,action:{value:e.query("GET_REQUIRED")}}),setCaptureMethod({root:e,action:{value:e.query("GET_CAPTURE_METHOD")}}),e.ref.handleChange=a=>{if(!e.element.value)return;const n=Array.from(e.element.files).map(l=>(l._relativePath=l.webkitRelativePath,l));setTimeout(()=>{t.onload(n),resetFileInput(e.element)},250)},e.element.addEventListener("change",e.ref.handleChange)},setAcceptedFileTypes=({root:e,action:t})=>{e.query("GET_ALLOW_SYNC_ACCEPT_ATTRIBUTE")&&attrToggle(e.element,"accept",!!t.value,t.value?t.value.join(","):"")},toggleAllowMultiple=({root:e,action:t})=>{attrToggle(e.element,"multiple",t.value)},toggleDirectoryFilter=({root:e,action:t})=>{attrToggle(e.element,"webkitdirectory",t.value)},toggleDisabled=({root:e})=>{const t=e.query("GET_DISABLED"),a=e.query("GET_ALLOW_BROWSE"),n=t||!a;attrToggle(e.element,"disabled",n)},toggleRequired=({root:e,action:t})=>{t.value?e.query("GET_TOTAL_ITEMS")===0&&attrToggle(e.element,"required",!0):attrToggle(e.element,"required",!1)},setCaptureMethod=({root:e,action:t})=>{attrToggle(e.element,"capture",!!t.value,t.value===!0?"":t.value)},updateRequiredStatus=({root:e})=>{const{element:t}=e;e.query("GET_TOTAL_ITEMS")>0?(attrToggle(t,"required",!1),attrToggle(t,"name",!1)):(attrToggle(t,"name",!0,e.query("GET_NAME")),e.query("GET_CHECK_VALIDITY")&&t.setCustomValidity(""),e.query("GET_REQUIRED")&&attrToggle(t,"required",!0))},updateFieldValidityStatus=({root:e})=>{e.query("GET_CHECK_VALIDITY")&&e.element.setCustomValidity(e.query("GET_LABEL_INVALID_FIELD"))},browser=createView({tag:"input",name:"browser",ignoreRect:!0,ignoreRectUpdate:!0,attributes:{type:"file"},create:create$a,destroy:({root:e})=>{e.element.removeEventListener("change",e.ref.handleChange)},write:createRoute({DID_LOAD_ITEM:updateRequiredStatus,DID_REMOVE_ITEM:updateRequiredStatus,DID_THROW_ITEM_INVALID:updateFieldValidityStatus,DID_SET_DISABLED:toggleDisabled,DID_SET_ALLOW_BROWSE:toggleDisabled,DID_SET_ALLOW_DIRECTORIES_ONLY:toggleDirectoryFilter,DID_SET_ALLOW_MULTIPLE:toggleAllowMultiple,DID_SET_ACCEPTED_FILE_TYPES:setAcceptedFileTypes,DID_SET_CAPTURE_METHOD:setCaptureMethod,DID_SET_REQUIRED:toggleRequired})}),Key={ENTER:13,SPACE:32},create$b=({root:e,props:t})=>{const a=createElement$1("label");attr(a,"for",`filepond--browser-${t.id}`),attr(a,"id",`filepond--drop-label-${t.id}`),attr(a,"aria-hidden","true"),e.ref.handleKeyDown=n=>{(n.keyCode===Key.ENTER||n.keyCode===Key.SPACE)&&(n.preventDefault(),e.ref.label.click())},e.ref.handleClick=n=>{n.target===a||a.contains(n.target)||e.ref.label.click()},a.addEventListener("keydown",e.ref.handleKeyDown),e.element.addEventListener("click",e.ref.handleClick),updateLabelValue(a,t.caption),e.appendChild(a),e.ref.label=a},updateLabelValue=(e,t)=>{e.innerHTML=t;const a=e.querySelector(".filepond--label-action");return a&&attr(a,"tabindex","0"),t},dropLabel=createView({name:"drop-label",ignoreRect:!0,create:create$b,destroy:({root:e})=>{e.ref.label.addEventListener("keydown",e.ref.handleKeyDown),e.element.removeEventListener("click",e.ref.handleClick)},write:createRoute({DID_SET_LABEL_IDLE:({root:e,action:t})=>{updateLabelValue(e.ref.label,t.value)}}),mixins:{styles:["opacity","translateX","translateY"],animations:{opacity:{type:"tween",duration:150},translateX:"spring",translateY:"spring"}}}),blob=createView({name:"drip-blob",ignoreRect:!0,mixins:{styles:["translateX","translateY","scaleX","scaleY","opacity"],animations:{scaleX:"spring",scaleY:"spring",translateX:"spring",translateY:"spring",opacity:{type:"tween",duration:250}}}}),addBlob=({root:e})=>{const t=e.rect.element.width*.5,a=e.rect.element.height*.5;e.ref.blob=e.appendChildView(e.createChildView(blob,{opacity:0,scaleX:2.5,scaleY:2.5,translateX:t,translateY:a}))},moveBlob=({root:e,action:t})=>{if(!e.ref.blob){addBlob({root:e});return}e.ref.blob.translateX=t.position.scopeLeft,e.ref.blob.translateY=t.position.scopeTop,e.ref.blob.scaleX=1,e.ref.blob.scaleY=1,e.ref.blob.opacity=1},hideBlob=({root:e})=>{e.ref.blob&&(e.ref.blob.opacity=0)},explodeBlob=({root:e})=>{e.ref.blob&&(e.ref.blob.scaleX=2.5,e.ref.blob.scaleY=2.5,e.ref.blob.opacity=0)},write$7=({root:e,props:t,actions:a})=>{route$4({root:e,props:t,actions:a});const{blob:n}=e.ref;a.length===0&&n&&n.opacity===0&&(e.removeChildView(n),e.ref.blob=null)},route$4=createRoute({DID_DRAG:moveBlob,DID_DROP:explodeBlob,DID_END_DRAG:hideBlob}),drip=createView({ignoreRect:!0,ignoreRectUpdate:!0,name:"drip",write:write$7}),setInputFiles=(e,t)=>{try{const a=new DataTransfer;t.forEach(n=>{n instanceof File?a.items.add(n):a.items.add(new File([n],n.name,{type:n.type}))}),e.files=a.files}catch{return!1}return!0},create$c=({root:e})=>e.ref.fields={},getField=(e,t)=>e.ref.fields[t],syncFieldPositionsWithItems=e=>{e.query("GET_ACTIVE_ITEMS").forEach(t=>{e.ref.fields[t.id]&&e.element.appendChild(e.ref.fields[t.id])})},didReorderItems=({root:e})=>syncFieldPositionsWithItems(e),didAddItem=({root:e,action:t})=>{const l=!(e.query("GET_ITEM",t.id).origin===FileOrigin.LOCAL)&&e.query("SHOULD_UPDATE_FILE_INPUT"),r=createElement$1("input");r.type=l?"file":"hidden",r.name=e.query("GET_NAME"),r.disabled=e.query("GET_DISABLED"),e.ref.fields[t.id]=r,syncFieldPositionsWithItems(e)},didLoadItem$1=({root:e,action:t})=>{const a=getField(e,t.id);if(!a||(t.serverFileReference!==null&&(a.value=t.serverFileReference),!e.query("SHOULD_UPDATE_FILE_INPUT")))return;const n=e.query("GET_ITEM",t.id);setInputFiles(a,[n.file])},didPrepareOutput=({root:e,action:t})=>{e.query("SHOULD_UPDATE_FILE_INPUT")&&setTimeout(()=>{const a=getField(e,t.id);a&&setInputFiles(a,[t.file])},0)},didSetDisabled=({root:e})=>{e.element.disabled=e.query("GET_DISABLED")},didRemoveItem=({root:e,action:t})=>{const a=getField(e,t.id);a&&(a.parentNode&&a.parentNode.removeChild(a),delete e.ref.fields[t.id])},didDefineValue=({root:e,action:t})=>{const a=getField(e,t.id);a&&(t.value===null?a.removeAttribute("value"):a.type!="file"&&(a.value=t.value),syncFieldPositionsWithItems(e))},write$8=createRoute({DID_SET_DISABLED:didSetDisabled,DID_ADD_ITEM:didAddItem,DID_LOAD_ITEM:didLoadItem$1,DID_REMOVE_ITEM:didRemoveItem,DID_DEFINE_VALUE:didDefineValue,DID_PREPARE_OUTPUT:didPrepareOutput,DID_REORDER_ITEMS:didReorderItems,DID_SORT_ITEMS:didReorderItems}),data$1=createView({tag:"fieldset",name:"data",create:create$c,write:write$8,ignoreRect:!0}),getRootNode=e=>"getRootNode"in e?e.getRootNode():document,images=["jpg","jpeg","png","gif","bmp","webp","svg","tiff"],text$1=["css","csv","html","txt"],map$1={zip:"zip|compressed",epub:"application/epub+zip"},guesstimateMimeType=(e="")=>(e=e.toLowerCase(),images.includes(e)?"image/"+(e==="jpg"?"jpeg":e==="svg"?"svg+xml":e):text$1.includes(e)?"text/"+e:map$1[e]||""),requestDataTransferItems=e=>new Promise((t,a)=>{const n=getLinks(e);if(n.length&&!hasFiles(e))return t(n);getFiles(e).then(t)}),hasFiles=e=>e.files?e.files.length>0:!1,getFiles=e=>new Promise((t,a)=>{const n=(e.items?Array.from(e.items):[]).filter(l=>isFileSystemItem(l)).map(l=>getFilesFromItem(l));if(!n.length){t(e.files?Array.from(e.files):[]);return}Promise.all(n).then(l=>{const r=[];l.forEach(s=>{r.push.apply(r,s)}),t(r.filter(s=>s).map(s=>(s._relativePath||(s._relativePath=s.webkitRelativePath),s)))}).catch(console.error)}),isFileSystemItem=e=>{if(isEntry(e)){const t=getAsEntry(e);if(t)return t.isFile||t.isDirectory}return e.kind==="file"},getFilesFromItem=e=>new Promise((t,a)=>{if(isDirectoryEntry(e)){getFilesInDirectory(getAsEntry(e)).then(t).catch(a);return}t([e.getAsFile()])}),getFilesInDirectory=e=>new Promise((t,a)=>{const n=[];let l=0,r=0;const s=()=>{r===0&&l===0&&t(n)},o=c=>{l++;const u=c.createReader(),d=()=>{u.readEntries(p=>{if(p.length===0){l--,s();return}p.forEach(h=>{h.isDirectory?o(h):(r++,h.file(m=>{const g=correctMissingFileType(m);h.fullPath&&(g._relativePath=h.fullPath),n.push(g),r--,s()}))}),d()},a)};d()};o(e)}),correctMissingFileType=e=>{if(e.type.length)return e;const t=e.lastModifiedDate,a=e.name,n=guesstimateMimeType(getExtensionFromFilename(e.name));return n.length&&(e=e.slice(0,e.size,n),e.name=a,e.lastModifiedDate=t),e},isDirectoryEntry=e=>isEntry(e)&&(getAsEntry(e)||{}).isDirectory,isEntry=e=>"webkitGetAsEntry"in e,getAsEntry=e=>e.webkitGetAsEntry(),getLinks=e=>{let t=[];try{if(t=getLinksFromTransferMetaData(e),t.length)return t;t=getLinksFromTransferURLData(e)}catch{}return t},getLinksFromTransferURLData=e=>{let t=e.getData("url");return typeof t=="string"&&t.length?[t]:[]},getLinksFromTransferMetaData=e=>{let t=e.getData("text/html");if(typeof t=="string"&&t.length){const a=t.match(/src\s*=\s*"(.+?)"/);if(a)return[a[1]]}return[]},dragNDropObservers=[],eventPosition=e=>({pageLeft:e.pageX,pageTop:e.pageY,scopeLeft:e.offsetX||e.layerX,scopeTop:e.offsetY||e.layerY}),createDragNDropClient=(e,t,a)=>{const n=getDragNDropObserver(t),l={element:e,filterElement:a,state:null,ondrop:()=>{},onenter:()=>{},ondrag:()=>{},onexit:()=>{},onload:()=>{},allowdrop:()=>{}};return l.destroy=n.addListener(l),l},getDragNDropObserver=e=>{const t=dragNDropObservers.find(n=>n.element===e);if(t)return t;const a=createDragNDropObserver(e);return dragNDropObservers.push(a),a},createDragNDropObserver=e=>{const t=[],a={dragenter,dragover,dragleave,drop},n={};forin(a,(r,s)=>{n[r]=s(e,t),e.addEventListener(r,n[r],!1)});const l={element:e,addListener:r=>(t.push(r),()=>{t.splice(t.indexOf(r),1),t.length===0&&(dragNDropObservers.splice(dragNDropObservers.indexOf(l),1),forin(a,s=>{e.removeEventListener(s,n[s],!1)}))})};return l},elementFromPoint=(e,t)=>("elementFromPoint"in e||(e=document),e.elementFromPoint(t.x,t.y)),isEventTarget=(e,t)=>{const a=getRootNode(t),n=elementFromPoint(a,{x:e.pageX-window.pageXOffset,y:e.pageY-window.pageYOffset});return n===t||t.contains(n)};let initialTarget=null;const setDropEffect=(e,t)=>{try{e.dropEffect=t}catch{}},dragenter=(e,t)=>a=>{a.preventDefault(),initialTarget=a.target,t.forEach(n=>{const{element:l,onenter:r}=n;isEventTarget(a,l)&&(n.state="enter",r(eventPosition(a)))})},dragover=(e,t)=>a=>{a.preventDefault();const n=a.dataTransfer;requestDataTransferItems(n).then(l=>{let r=!1;t.some(s=>{const{filterElement:o,element:c,onenter:u,onexit:d,ondrag:p,allowdrop:h}=s;setDropEffect(n,"copy");const m=h(l);if(!m){setDropEffect(n,"none");return}if(isEventTarget(a,c)){if(r=!0,s.state===null){s.state="enter",u(eventPosition(a));return}if(s.state="over",o&&!m){setDropEffect(n,"none");return}p(eventPosition(a))}else o&&!r&&setDropEffect(n,"none"),s.state&&(s.state=null,d(eventPosition(a)))})})},drop=(e,t)=>a=>{a.preventDefault();const n=a.dataTransfer;requestDataTransferItems(n).then(l=>{t.forEach(r=>{const{filterElement:s,element:o,ondrop:c,onexit:u,allowdrop:d}=r;if(r.state=null,!(s&&!isEventTarget(a,o))){if(!d(l))return u(eventPosition(a));c(eventPosition(a),l)}})})},dragleave=(e,t)=>a=>{initialTarget===a.target&&t.forEach(n=>{const{onexit:l}=n;n.state=null,l(eventPosition(a))})},createHopper=(e,t,a)=>{e.classList.add("filepond--hopper");const{catchesDropsOnPage:n,requiresDropOnElement:l,filterItems:r=d=>d}=a,s=createDragNDropClient(e,n?document.documentElement:e,l);let o="",c="";s.allowdrop=d=>t(r(d)),s.ondrop=(d,p)=>{const h=r(p);if(!t(h)){u.ondragend(d);return}c="drag-drop",u.onload(h,d)},s.ondrag=d=>{u.ondrag(d)},s.onenter=d=>{c="drag-over",u.ondragstart(d)},s.onexit=d=>{c="drag-exit",u.ondragend(d)};const u={updateHopperState:()=>{o!==c&&(e.dataset.hopperState=c,o=c)},onload:()=>{},ondragstart:()=>{},ondrag:()=>{},ondragend:()=>{},destroy:()=>{s.destroy()}};return u};let listening=!1;const listeners$1=[],handlePaste=e=>{const t=document.activeElement;if(t&&/textarea|input/i.test(t.nodeName)){let a=!1,n=t;for(;n!==document.body;){if(n.classList.contains("filepond--root")){a=!0;break}n=n.parentNode}if(!a)return}requestDataTransferItems(e.clipboardData).then(a=>{a.length&&listeners$1.forEach(n=>n(a))})},listen=e=>{listeners$1.includes(e)||(listeners$1.push(e),!listening&&(listening=!0,document.addEventListener("paste",handlePaste)))},unlisten=e=>{arrayRemove(listeners$1,listeners$1.indexOf(e)),listeners$1.length===0&&(document.removeEventListener("paste",handlePaste),listening=!1)},createPaster=()=>{const e=a=>{t.onload(a)},t={destroy:()=>{unlisten(e)},onload:()=>{}};return listen(e),t},create$d=({root:e,props:t})=>{e.element.id=`filepond--assistant-${t.id}`,attr(e.element,"role","status"),attr(e.element,"aria-live","polite"),attr(e.element,"aria-relevant","additions")};let addFilesNotificationTimeout=null,notificationClearTimeout=null;const filenames=[],assist=(e,t)=>{e.element.textContent=t},clear$1=e=>{e.element.textContent=""},listModified=(e,t,a)=>{const n=e.query("GET_TOTAL_ITEMS");assist(e,`${a} ${t}, ${n} ${n===1?e.query("GET_LABEL_FILE_COUNT_SINGULAR"):e.query("GET_LABEL_FILE_COUNT_PLURAL")}`),clearTimeout(notificationClearTimeout),notificationClearTimeout=setTimeout(()=>{clear$1(e)},1500)},isUsingFilePond=e=>e.element.parentNode.contains(document.activeElement),itemAdded=({root:e,action:t})=>{if(!isUsingFilePond(e))return;e.element.textContent="";const a=e.query("GET_ITEM",t.id);filenames.push(a.filename),clearTimeout(addFilesNotificationTimeout),addFilesNotificationTimeout=setTimeout(()=>{listModified(e,filenames.join(", "),e.query("GET_LABEL_FILE_ADDED")),filenames.length=0},750)},itemRemoved=({root:e,action:t})=>{if(!isUsingFilePond(e))return;const a=t.item;listModified(e,a.filename,e.query("GET_LABEL_FILE_REMOVED"))},itemProcessed=({root:e,action:t})=>{const n=e.query("GET_ITEM",t.id).filename,l=e.query("GET_LABEL_FILE_PROCESSING_COMPLETE");assist(e,`${n} ${l}`)},itemProcessedUndo=({root:e,action:t})=>{const n=e.query("GET_ITEM",t.id).filename,l=e.query("GET_LABEL_FILE_PROCESSING_ABORTED");assist(e,`${n} ${l}`)},itemError=({root:e,action:t})=>{const n=e.query("GET_ITEM",t.id).filename;assist(e,`${t.status.main} ${n} ${t.status.sub}`)},assistant=createView({create:create$d,ignoreRect:!0,ignoreRectUpdate:!0,write:createRoute({DID_LOAD_ITEM:itemAdded,DID_REMOVE_ITEM:itemRemoved,DID_COMPLETE_ITEM_PROCESSING:itemProcessed,DID_ABORT_ITEM_PROCESSING:itemProcessedUndo,DID_REVERT_ITEM_PROCESSING:itemProcessedUndo,DID_THROW_ITEM_REMOVE_ERROR:itemError,DID_THROW_ITEM_LOAD_ERROR:itemError,DID_THROW_ITEM_INVALID:itemError,DID_THROW_ITEM_PROCESSING_ERROR:itemError}),tag:"span",name:"assistant"}),toCamels=(e,t="-")=>e.replace(new RegExp(`${t}.`,"g"),a=>a.charAt(1).toUpperCase()),debounce=(e,t=16,a=!0)=>{let n=Date.now(),l=null;return(...r)=>{clearTimeout(l);const s=Date.now()-n,o=()=>{n=Date.now(),e(...r)};s<t?a||(l=setTimeout(o,t-s)):o()}},MAX_FILES_LIMIT=1e6,prevent=e=>e.preventDefault(),create$e=({root:e,props:t})=>{const a=e.query("GET_ID");a&&(e.element.id=a);const n=e.query("GET_CLASS_NAME");n&&n.split(" ").filter(c=>c.length).forEach(c=>{e.element.classList.add(c)}),e.ref.label=e.appendChildView(e.createChildView(dropLabel,{...t,translateY:null,caption:e.query("GET_LABEL_IDLE")})),e.ref.list=e.appendChildView(e.createChildView(listScroller,{translateY:null})),e.ref.panel=e.appendChildView(e.createChildView(panel,{name:"panel-root"})),e.ref.assistant=e.appendChildView(e.createChildView(assistant,{...t})),e.ref.data=e.appendChildView(e.createChildView(data$1,{...t})),e.ref.measure=createElement$1("div"),e.ref.measure.style.height="100%",e.element.appendChild(e.ref.measure),e.ref.bounds=null,e.query("GET_STYLES").filter(c=>!isEmpty$1(c.value)).map(({name:c,value:u})=>{e.element.dataset[c]=u}),e.ref.widthPrevious=null,e.ref.widthUpdated=debounce(()=>{e.ref.updateHistory=[],e.dispatch("DID_RESIZE_ROOT")},250),e.ref.previousAspectRatio=null,e.ref.updateHistory=[];const l=window.matchMedia("(pointer: fine) and (hover: hover)").matches,r="PointerEvent"in window;e.query("GET_ALLOW_REORDER")&&r&&!l&&(e.element.addEventListener("touchmove",prevent,{passive:!1}),e.element.addEventListener("gesturestart",prevent));const s=e.query("GET_CREDITS");if(s.length===2){const c=document.createElement("a");c.className="filepond--credits",c.setAttribute("aria-hidden","true"),c.href=s[0],c.tabindex=-1,c.target="_blank",c.rel="noopener noreferrer",c.textContent=s[1],e.element.appendChild(c),e.ref.credits=c}},write$9=({root:e,props:t,actions:a})=>{if(route$5({root:e,props:t,actions:a}),a.filter(A=>/^DID_SET_STYLE_/.test(A.type)).filter(A=>!isEmpty$1(A.data.value)).map(({type:A,data:O})=>{const L=toCamels(A.substring(8).toLowerCase(),"_");e.element.dataset[L]=O.value,e.invalidateLayout()}),e.rect.element.hidden)return;e.rect.element.width!==e.ref.widthPrevious&&(e.ref.widthPrevious=e.rect.element.width,e.ref.widthUpdated());let n=e.ref.bounds;n||(n=e.ref.bounds=calculateRootBoundingBoxHeight(e),e.element.removeChild(e.ref.measure),e.ref.measure=null);const{hopper:l,label:r,list:s,panel:o}=e.ref;l&&l.updateHopperState();const c=e.query("GET_PANEL_ASPECT_RATIO"),u=e.query("GET_ALLOW_MULTIPLE"),d=e.query("GET_TOTAL_ITEMS"),p=u?e.query("GET_MAX_FILES")||MAX_FILES_LIMIT:1,h=d===p,m=a.find(A=>A.type==="DID_ADD_ITEM");if(h&&m){const A=m.data.interactionMethod;r.opacity=0,u?r.translateY=-40:A===InteractionMethod.API?r.translateX=40:A===InteractionMethod.BROWSE?r.translateY=40:r.translateY=30}else h||(r.opacity=1,r.translateX=0,r.translateY=0);const g=calculateListItemMargin(e),E=calculateListHeight(e),T=r.rect.element.height,I=!u||h?0:T,f=h?s.rect.element.marginTop:0,b=d===0?0:s.rect.element.marginBottom,S=I+f+E.visual+b,R=I+f+E.bounds+b;if(s.translateY=Math.max(0,I-s.rect.element.marginTop)-g.top,c){const A=e.rect.element.width,O=A*c;c!==e.ref.previousAspectRatio&&(e.ref.previousAspectRatio=c,e.ref.updateHistory=[]);const L=e.ref.updateHistory;L.push(A);const P=2;if(L.length>P*2){const M=L.length,z=M-10;let V=0;for(let x=M;x>=z;x--)if(L[x]===L[x-2]&&V++,V>=P)return}o.scalable=!1,o.height=O;const D=O-I-(b-g.bottom)-(h?f:0);E.visual>D?s.overflow=D:s.overflow=null,e.height=O}else if(n.fixedHeight){o.scalable=!1;const A=n.fixedHeight-I-(b-g.bottom)-(h?f:0);E.visual>A?s.overflow=A:s.overflow=null}else if(n.cappedHeight){const A=S>=n.cappedHeight,O=Math.min(n.cappedHeight,S);o.scalable=!0,o.height=A?O:O-g.top-g.bottom;const L=O-I-(b-g.bottom)-(h?f:0);S>n.cappedHeight&&E.visual>L?s.overflow=L:s.overflow=null,e.height=Math.min(n.cappedHeight,R-g.top-g.bottom)}else{const A=d>0?g.top+g.bottom:0;o.scalable=!0,o.height=Math.max(T,S-A),e.height=Math.max(T,R-A)}e.ref.credits&&o.heightCurrent&&(e.ref.credits.style.transform=`translateY(${o.heightCurrent}px)`)},calculateListItemMargin=e=>{const t=e.ref.list.childViews[0].childViews[0];return t?{top:t.rect.element.marginTop,bottom:t.rect.element.marginBottom}:{top:0,bottom:0}},calculateListHeight=e=>{let t=0,a=0;const n=e.ref.list,l=n.childViews[0],r=l.childViews.filter(f=>f.rect.element.height),s=e.query("GET_ACTIVE_ITEMS").map(f=>r.find(b=>b.id===f.id)).filter(f=>f);if(s.length===0)return{visual:t,bounds:a};const o=l.rect.element.width,c=getItemIndexByPosition(l,s,n.dragCoordinates),u=s[0].rect.element,d=u.marginTop+u.marginBottom,p=u.marginLeft+u.marginRight,h=u.width+p,m=u.height+d,g=typeof c<"u"&&c>=0?1:0,E=s.find(f=>f.markedForRemoval&&f.opacity<.45)?-1:0,T=s.length+g+E,I=getItemsPerRow(o,h);return I===1?s.forEach(f=>{const b=f.rect.element.height+d;a+=b,t+=b*f.opacity}):(a=Math.ceil(T/I)*m,t=a),{visual:t,bounds:a}},calculateRootBoundingBoxHeight=e=>{const t=e.ref.measureHeight||null;return{cappedHeight:parseInt(e.style.maxHeight,10)||null,fixedHeight:t===0?null:t}},exceedsMaxFiles=(e,t)=>{const a=e.query("GET_ALLOW_REPLACE"),n=e.query("GET_ALLOW_MULTIPLE"),l=e.query("GET_TOTAL_ITEMS");let r=e.query("GET_MAX_FILES");const s=t.length;return!n&&s>1?(e.dispatch("DID_THROW_MAX_FILES",{source:t,error:createResponse("warning",0,"Max files")}),!0):(r=n?r:1,!n&&a?!1:isInt(r)&&l+s>r?(e.dispatch("DID_THROW_MAX_FILES",{source:t,error:createResponse("warning",0,"Max files")}),!0):!1)},getDragIndex=(e,t,a)=>{const n=e.childViews[0];return getItemIndexByPosition(n,t,{left:a.scopeLeft-n.rect.element.left,top:a.scopeTop-(e.rect.outer.top+e.rect.element.marginTop+e.rect.element.scrollTop)})},toggleDrop=e=>{const t=e.query("GET_ALLOW_DROP"),a=e.query("GET_DISABLED"),n=t&&!a;if(n&&!e.ref.hopper){const l=createHopper(e.element,r=>{const s=e.query("GET_BEFORE_DROP_FILE")||(()=>!0);return e.query("GET_DROP_VALIDATION")?r.every(c=>applyFilters("ALLOW_HOPPER_ITEM",c,{query:e.query}).every(u=>u===!0)&&s(c)):!0},{filterItems:r=>{const s=e.query("GET_IGNORED_FILES");return r.filter(o=>isFile(o)?!s.includes(o.name.toLowerCase()):!0)},catchesDropsOnPage:e.query("GET_DROP_ON_PAGE"),requiresDropOnElement:e.query("GET_DROP_ON_ELEMENT")});l.onload=(r,s)=>{const c=e.ref.list.childViews[0].childViews.filter(d=>d.rect.element.height),u=e.query("GET_ACTIVE_ITEMS").map(d=>c.find(p=>p.id===d.id)).filter(d=>d);applyFilterChain("ADD_ITEMS",r,{dispatch:e.dispatch}).then(d=>{if(exceedsMaxFiles(e,d))return!1;e.dispatch("ADD_ITEMS",{items:d,index:getDragIndex(e.ref.list,u,s),interactionMethod:InteractionMethod.DROP})}),e.dispatch("DID_DROP",{position:s}),e.dispatch("DID_END_DRAG",{position:s})},l.ondragstart=r=>{e.dispatch("DID_START_DRAG",{position:r})},l.ondrag=debounce(r=>{e.dispatch("DID_DRAG",{position:r})}),l.ondragend=r=>{e.dispatch("DID_END_DRAG",{position:r})},e.ref.hopper=l,e.ref.drip=e.appendChildView(e.createChildView(drip))}else!n&&e.ref.hopper&&(e.ref.hopper.destroy(),e.ref.hopper=null,e.removeChildView(e.ref.drip))},toggleBrowse=(e,t)=>{const a=e.query("GET_ALLOW_BROWSE"),n=e.query("GET_DISABLED"),l=a&&!n;l&&!e.ref.browser?e.ref.browser=e.appendChildView(e.createChildView(browser,{...t,onload:r=>{applyFilterChain("ADD_ITEMS",r,{dispatch:e.dispatch}).then(s=>{if(exceedsMaxFiles(e,s))return!1;e.dispatch("ADD_ITEMS",{items:s,index:-1,interactionMethod:InteractionMethod.BROWSE})})}}),0):!l&&e.ref.browser&&(e.removeChildView(e.ref.browser),e.ref.browser=null)},togglePaste=e=>{const t=e.query("GET_ALLOW_PASTE"),a=e.query("GET_DISABLED"),n=t&&!a;n&&!e.ref.paster?(e.ref.paster=createPaster(),e.ref.paster.onload=l=>{applyFilterChain("ADD_ITEMS",l,{dispatch:e.dispatch}).then(r=>{if(exceedsMaxFiles(e,r))return!1;e.dispatch("ADD_ITEMS",{items:r,index:-1,interactionMethod:InteractionMethod.PASTE})})}):!n&&e.ref.paster&&(e.ref.paster.destroy(),e.ref.paster=null)},route$5=createRoute({DID_SET_ALLOW_BROWSE:({root:e,props:t})=>{toggleBrowse(e,t)},DID_SET_ALLOW_DROP:({root:e})=>{toggleDrop(e)},DID_SET_ALLOW_PASTE:({root:e})=>{togglePaste(e)},DID_SET_DISABLED:({root:e,props:t})=>{toggleDrop(e),togglePaste(e),toggleBrowse(e,t),e.query("GET_DISABLED")?e.element.dataset.disabled="disabled":e.element.removeAttribute("data-disabled")}}),root$1=createView({name:"root",read:({root:e})=>{e.ref.measure&&(e.ref.measureHeight=e.ref.measure.offsetHeight)},create:create$e,write:write$9,destroy:({root:e})=>{e.ref.paster&&e.ref.paster.destroy(),e.ref.hopper&&e.ref.hopper.destroy(),e.element.removeEventListener("touchmove",prevent),e.element.removeEventListener("gesturestart",prevent)},mixins:{styles:["height"]}}),createApp=(e={})=>{let t=null;const a=getOptions(),n=createStore(createInitialState(a),[queries,createOptionQueries(a)],[actions,createOptionActions(a)]);n.dispatch("SET_OPTIONS",{options:e});const l=()=>{document.hidden||n.dispatch("KICK")};document.addEventListener("visibilitychange",l);let r=null,s=!1,o=!1,c=null,u=null;const d=()=>{s||(s=!0),clearTimeout(r),r=setTimeout(()=>{s=!1,c=null,u=null,o&&(o=!1,n.dispatch("DID_STOP_RESIZE"))},500)};window.addEventListener("resize",d);const p=root$1(n,{id:getUniqueId()});let h=!1,m=!1;const g={_read:()=>{s&&(u=window.innerWidth,c||(c=u),!o&&u!==c&&(n.dispatch("DID_START_RESIZE"),o=!0)),m&&h&&(h=p.element.offsetParent===null),!h&&(p._read(),m=p.rect.element.hidden)},_write:y=>{const F=n.processActionQueue().filter(w=>!/^SET_/.test(w.type));h&&!F.length||(f(F),h=p._write(y,F,o),removeReleasedItems(n.query("GET_ITEMS")),h&&n.processDispatchQueue())}},E=y=>F=>{const w={type:y};if(!F)return w;if(F.hasOwnProperty("error")&&(w.error=F.error?{...F.error}:null),F.status&&(w.status={...F.status}),F.file&&(w.output=F.file),F.source)w.file=F.source;else if(F.item||F.id){const v=F.item?F.item:n.query("GET_ITEM",F.id);w.file=v?createItemAPI(v):null}return F.items&&(w.items=F.items.map(createItemAPI)),/progress/.test(y)&&(w.progress=F.progress),F.hasOwnProperty("origin")&&F.hasOwnProperty("target")&&(w.origin=F.origin,w.target=F.target),w},T={DID_DESTROY:E("destroy"),DID_INIT:E("init"),DID_THROW_MAX_FILES:E("warning"),DID_INIT_ITEM:E("initfile"),DID_START_ITEM_LOAD:E("addfilestart"),DID_UPDATE_ITEM_LOAD_PROGRESS:E("addfileprogress"),DID_LOAD_ITEM:E("addfile"),DID_THROW_ITEM_INVALID:[E("error"),E("addfile")],DID_THROW_ITEM_LOAD_ERROR:[E("error"),E("addfile")],DID_THROW_ITEM_REMOVE_ERROR:[E("error"),E("removefile")],DID_PREPARE_OUTPUT:E("preparefile"),DID_START_ITEM_PROCESSING:E("processfilestart"),DID_UPDATE_ITEM_PROCESS_PROGRESS:E("processfileprogress"),DID_ABORT_ITEM_PROCESSING:E("processfileabort"),DID_COMPLETE_ITEM_PROCESSING:E("processfile"),DID_COMPLETE_ITEM_PROCESSING_ALL:E("processfiles"),DID_REVERT_ITEM_PROCESSING:E("processfilerevert"),DID_THROW_ITEM_PROCESSING_ERROR:[E("error"),E("processfile")],DID_REMOVE_ITEM:E("removefile"),DID_UPDATE_ITEMS:E("updatefiles"),DID_ACTIVATE_ITEM:E("activatefile"),DID_REORDER_ITEMS:E("reorderfiles")},I=y=>{const F={pond:k,...y};delete F.type,p.element.dispatchEvent(new CustomEvent(`FilePond:${y.type}`,{detail:F,bubbles:!0,cancelable:!0,composed:!0}));const w=[];y.hasOwnProperty("error")&&w.push(y.error),y.hasOwnProperty("file")&&w.push(y.file);const v=["type","error","file"];Object.keys(y).filter(N=>!v.includes(N)).forEach(N=>w.push(y[N])),k.fire(y.type,...w);const C=n.query(`GET_ON${y.type.toUpperCase()}`);C&&C(...w)},f=y=>{y.length&&y.filter(F=>T[F.type]).forEach(F=>{const w=T[F.type];(Array.isArray(w)?w:[w]).forEach(v=>{F.type==="DID_INIT_ITEM"?I(v(F.data)):setTimeout(()=>{I(v(F.data))},0)})})},b=y=>n.dispatch("SET_OPTIONS",{options:y}),S=y=>n.query("GET_ACTIVE_ITEM",y),R=y=>new Promise((F,w)=>{n.dispatch("REQUEST_ITEM_PREPARE",{query:y,success:v=>{F(v)},failure:v=>{w(v)}})}),A=(y,F={})=>new Promise((w,v)=>{P([{source:y,options:F}],{index:F.index}).then(C=>w(C&&C[0])).catch(v)}),O=y=>y.file&&y.id,L=(y,F)=>(typeof y=="object"&&!O(y)&&!F&&(F=y,y=void 0),n.dispatch("REMOVE_ITEM",{...F,query:y}),n.query("GET_ACTIVE_ITEM",y)===null),P=(...y)=>new Promise((F,w)=>{const v=[],C={};if(isArray$1(y[0]))v.push.apply(v,y[0]),Object.assign(C,y[1]||{});else{const N=y[y.length-1];typeof N=="object"&&!(N instanceof Blob)&&Object.assign(C,y.pop()),v.push(...y)}n.dispatch("ADD_ITEMS",{items:v,index:C.index,interactionMethod:InteractionMethod.API,success:F,failure:w})}),D=()=>n.query("GET_ACTIVE_ITEMS"),M=y=>new Promise((F,w)=>{n.dispatch("REQUEST_ITEM_PROCESSING",{query:y,success:v=>{F(v)},failure:v=>{w(v)}})}),z=(...y)=>{const F=Array.isArray(y[0])?y[0]:y,w=F.length?F:D();return Promise.all(w.map(R))},V=(...y)=>{const F=Array.isArray(y[0])?y[0]:y;if(!F.length){const w=D().filter(v=>!(v.status===ItemStatus.IDLE&&v.origin===FileOrigin.LOCAL)&&v.status!==ItemStatus.PROCESSING&&v.status!==ItemStatus.PROCESSING_COMPLETE&&v.status!==ItemStatus.PROCESSING_REVERT_ERROR);return Promise.all(w.map(M))}return Promise.all(F.map(M))},x=(...y)=>{const F=Array.isArray(y[0])?y[0]:y;let w;typeof F[F.length-1]=="object"?w=F.pop():Array.isArray(y[0])&&(w=y[1]);const v=D();return F.length?F.map(N=>isNumber$1(N)?v[N]?v[N].id:null:N).filter(N=>N).map(N=>L(N,w)):Promise.all(v.map(N=>L(N,w)))},k={...on(),...g,...createOptionAPI(n,a),setOptions:b,addFile:A,addFiles:P,getFile:S,processFile:M,prepareFile:R,removeFile:L,moveFile:(y,F)=>n.dispatch("MOVE_ITEM",{query:y,index:F}),getFiles:D,processFiles:V,removeFiles:x,prepareFiles:z,sort:y=>n.dispatch("SORT",{compare:y}),browse:()=>{var y=p.element.querySelector("input[type=file]");y&&y.click()},destroy:()=>{k.fire("destroy",p.element),n.dispatch("ABORT_ALL"),p._destroy(),window.removeEventListener("resize",d),document.removeEventListener("visibilitychange",l),n.dispatch("DID_DESTROY")},insertBefore:y=>insertBefore(p.element,y),insertAfter:y=>insertAfter(p.element,y),appendTo:y=>y.appendChild(p.element),replaceElement:y=>{insertBefore(p.element,y),y.parentNode.removeChild(y),t=y},restoreElement:()=>{t&&(insertAfter(t,p.element),p.element.parentNode.removeChild(p.element),t=null)},isAttachedTo:y=>p.element===y||t===y,element:{get:()=>p.element},status:{get:()=>n.query("GET_STATUS")}};return n.dispatch("DID_INIT"),createObject(k)},createAppObject=(e={})=>{const t={};return forin(getOptions(),(n,l)=>{t[n]=l[0]}),createApp({...t,...e})},lowerCaseFirstLetter=e=>e.charAt(0).toLowerCase()+e.slice(1),attributeNameToPropertyName=e=>toCamels(e.replace(/^data-/,"")),mapObject=(e,t)=>{forin(t,(a,n)=>{forin(e,(l,r)=>{const s=new RegExp(a);if(!s.test(l)||(delete e[l],n===!1))return;if(isString$1(n)){e[n]=r;return}const c=n.group;isObject$1(n)&&!e[c]&&(e[c]={}),e[c][lowerCaseFirstLetter(l.replace(s,""))]=r}),n.mapping&&mapObject(e[n.group],n.mapping)})},getAttributesAsObject=(e,t={})=>{const a=[];forin(e.attributes,l=>{a.push(e.attributes[l])});const n=a.filter(l=>l.name).reduce((l,r)=>{const s=attr(e,r.name);return l[attributeNameToPropertyName(r.name)]=s===r.name?!0:s,l},{});return mapObject(n,t),n},createAppAtElement=(e,t={})=>{const a={"^class$":"className","^multiple$":"allowMultiple","^capture$":"captureMethod","^webkitdirectory$":"allowDirectoriesOnly","^server":{group:"server",mapping:{"^process":{group:"process"},"^revert":{group:"revert"},"^fetch":{group:"fetch"},"^restore":{group:"restore"},"^load":{group:"load"}}},"^type$":!1,"^files$":!1};applyFilters("SET_ATTRIBUTE_TO_OPTION_MAP",a);const n={...t},l=getAttributesAsObject(e.nodeName==="FIELDSET"?e.querySelector("input[type=file]"):e,a);Object.keys(l).forEach(s=>{isObject$1(l[s])?(isObject$1(n[s])||(n[s]={}),Object.assign(n[s],l[s])):n[s]=l[s]}),n.files=(t.files||[]).concat(Array.from(e.querySelectorAll("input:not([type=file])")).map(s=>({source:s.value,options:{type:s.dataset.type}})));const r=createAppObject(n);return e.files&&Array.from(e.files).forEach(s=>{r.addFile(s)}),r.replaceElement(e),r},createApp$1=(...e)=>isNode(e[0])?createAppAtElement(...e):createAppObject(...e),PRIVATE_METHODS=["fire","_read","_write"],createAppAPI=e=>{const t={};return copyObjectPropertiesToObject(e,t,PRIVATE_METHODS),t},replaceInString=(e,t)=>e.replace(/(?:{([a-zA-Z]+)})/g,(a,n)=>t[n]),createWorker=e=>{const t=new Blob(["(",e.toString(),")()"],{type:"application/javascript"}),a=URL.createObjectURL(t),n=new Worker(a);return{transfer:(l,r)=>{},post:(l,r,s)=>{const o=getUniqueId();n.onmessage=c=>{c.data.id===o&&r(c.data.message)},n.postMessage({id:o,message:l},s)},terminate:()=>{n.terminate(),URL.revokeObjectURL(a)}}},loadImage$1=e=>new Promise((t,a)=>{const n=new Image;n.onload=()=>{t(n)},n.onerror=l=>{a(l)},n.src=e}),renameFile=(e,t)=>{const a=e.slice(0,e.size,e.type);return a.lastModifiedDate=e.lastModifiedDate,a.name=t,a},copyFile=e=>renameFile(e,e.name),registeredPlugins=[],createAppPlugin=e=>{if(registeredPlugins.includes(e))return;registeredPlugins.push(e);const t=e({addFilter,utils:{Type,forin,isString:isString$1,isFile,toNaturalFileSize,replaceInString,getExtensionFromFilename,getFilenameWithoutExtension,guesstimateMimeType,getFileFromBlob,getFilenameFromURL,createRoute,createWorker,createView,createItemAPI,loadImage:loadImage$1,copyFile,renameFile,createBlob,applyFilterChain,text,getNumericAspectRatioFromString},views:{fileActionButton}});extendDefaultOptions(t.options)},isOperaMini=()=>Object.prototype.toString.call(window.operamini)==="[object OperaMini]",hasPromises=()=>"Promise"in window,hasBlobSlice=()=>"slice"in Blob.prototype,hasCreateObjectURL=()=>"URL"in window&&"createObjectURL"in window.URL,hasVisibility=()=>"visibilityState"in document,hasTiming=()=>"performance"in window,hasCSSSupports=()=>"supports"in(window.CSS||{}),isIE11=()=>/MSIE|Trident/.test(window.navigator.userAgent),supported=(()=>{const e=isBrowser$4()&&!isOperaMini()&&hasVisibility()&&hasPromises()&&hasBlobSlice()&&hasCreateObjectURL()&&hasTiming()&&(hasCSSSupports()||isIE11());return()=>e})(),state={apps:[]},name="filepond",fn=()=>{};let OptionTypes={},create$f=fn,destroy=fn,parse=fn,find=fn,registerPlugin=fn,getOptions$1=fn,setOptions$1=fn;if(supported()){createPainter(()=>{state.apps.forEach(a=>a._read())},a=>{state.apps.forEach(n=>n._write(a))});const e=()=>{document.dispatchEvent(new CustomEvent("FilePond:loaded",{detail:{supported,create:create$f,destroy,parse,find,registerPlugin,setOptions:setOptions$1}})),document.removeEventListener("DOMContentLoaded",e)};document.readyState!=="loading"?setTimeout(()=>e(),0):document.addEventListener("DOMContentLoaded",e);const t=()=>forin(getOptions(),(a,n)=>{OptionTypes[a]=n[1]});OptionTypes={},t(),create$f=(...a)=>{const n=createApp$1(...a);return n.on("destroy",destroy),state.apps.push(n),createAppAPI(n)},destroy=a=>{const n=state.apps.findIndex(l=>l.isAttachedTo(a));return n>=0?(state.apps.splice(n,1)[0].restoreElement(),!0):!1},parse=a=>Array.from(a.querySelectorAll(`.${name}`)).filter(r=>!state.apps.find(s=>s.isAttachedTo(r))).map(r=>create$f(r)),find=a=>{const n=state.apps.find(l=>l.isAttachedTo(a));return n?createAppAPI(n):null},registerPlugin=(...a)=>{a.forEach(createAppPlugin),t()},getOptions$1=()=>{const a={};return forin(getOptions(),(n,l)=>{a[n]=l[0]}),a},setOptions$1=a=>(isObject$1(a)&&(state.apps.forEach(n=>{n.setOptions(a)}),setOptions(a)),getOptions$1())}/*!
+ * FilePondPluginFileValidateSize 2.2.8
+ * Licensed under MIT, https://opensource.org/licenses/MIT/
+ * Please visit https://pqina.nl/filepond/ for details.
+ */const plugin$3=({addFilter:e,utils:t})=>{const{Type:a,replaceInString:n,toNaturalFileSize:l}=t;return e("ALLOW_HOPPER_ITEM",(r,{query:s})=>{if(!s("GET_ALLOW_FILE_SIZE_VALIDATION"))return!0;const o=s("GET_MAX_FILE_SIZE");if(o!==null&&r.size>o)return!1;const c=s("GET_MIN_FILE_SIZE");return!(c!==null&&r.size<c)}),e("LOAD_FILE",(r,{query:s})=>new Promise((o,c)=>{if(!s("GET_ALLOW_FILE_SIZE_VALIDATION"))return o(r);const u=s("GET_FILE_VALIDATE_SIZE_FILTER");if(u&&!u(r))return o(r);const d=s("GET_MAX_FILE_SIZE");if(d!==null&&r.size>d){c({status:{main:s("GET_LABEL_MAX_FILE_SIZE_EXCEEDED"),sub:n(s("GET_LABEL_MAX_FILE_SIZE"),{filesize:l(d,".",s("GET_FILE_SIZE_BASE"),s("GET_FILE_SIZE_LABELS",s))})}});return}const p=s("GET_MIN_FILE_SIZE");if(p!==null&&r.size<p){c({status:{main:s("GET_LABEL_MIN_FILE_SIZE_EXCEEDED"),sub:n(s("GET_LABEL_MIN_FILE_SIZE"),{filesize:l(p,".",s("GET_FILE_SIZE_BASE"),s("GET_FILE_SIZE_LABELS",s))})}});return}const h=s("GET_MAX_TOTAL_FILE_SIZE");if(h!==null&&s("GET_ACTIVE_ITEMS").reduce((g,E)=>g+E.fileSize,0)>h){c({status:{main:s("GET_LABEL_MAX_TOTAL_FILE_SIZE_EXCEEDED"),sub:n(s("GET_LABEL_MAX_TOTAL_FILE_SIZE"),{filesize:l(h,".",s("GET_FILE_SIZE_BASE"),s("GET_FILE_SIZE_LABELS",s))})}});return}o(r)})),{options:{allowFileSizeValidation:[!0,a.BOOLEAN],maxFileSize:[null,a.INT],minFileSize:[null,a.INT],maxTotalFileSize:[null,a.INT],fileValidateSizeFilter:[null,a.FUNCTION],labelMinFileSizeExceeded:["File is too small",a.STRING],labelMinFileSize:["Minimum file size is {filesize}",a.STRING],labelMaxFileSizeExceeded:["File is too large",a.STRING],labelMaxFileSize:["Maximum file size is {filesize}",a.STRING],labelMaxTotalFileSizeExceeded:["Maximum total size exceeded",a.STRING],labelMaxTotalFileSize:["Maximum total file size is {filesize}",a.STRING]}}},isBrowser$3=typeof window<"u"&&typeof window.document<"u";isBrowser$3&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:plugin$3}));/*!
+ * FilePondPluginFileValidateType 1.2.9
+ * Licensed under MIT, https://opensource.org/licenses/MIT/
+ * Please visit https://pqina.nl/filepond/ for details.
+ */const plugin$2=({addFilter:e,utils:t})=>{const{Type:a,isString:n,replaceInString:l,guesstimateMimeType:r,getExtensionFromFilename:s,getFilenameFromURL:o}=t,c=(m,g)=>{const E=(/^[^/]+/.exec(m)||[]).pop(),T=g.slice(0,-2);return E===T},u=(m,g)=>m.some(E=>/\*$/.test(E)?c(g,E):E===g),d=m=>{let g="";if(n(m)){const E=o(m),T=s(E);T&&(g=r(T))}else g=m.type;return g},p=(m,g,E)=>{if(g.length===0)return!0;const T=d(m);return E?new Promise((I,f)=>{E(m,T).then(b=>{u(g,b)?I():f()}).catch(f)}):u(g,T)},h=m=>g=>m[g]===null?!1:m[g]||g;return e("SET_ATTRIBUTE_TO_OPTION_MAP",m=>Object.assign(m,{accept:"acceptedFileTypes"})),e("ALLOW_HOPPER_ITEM",(m,{query:g})=>g("GET_ALLOW_FILE_TYPE_VALIDATION")?p(m,g("GET_ACCEPTED_FILE_TYPES")):!0),e("LOAD_FILE",(m,{query:g})=>new Promise((E,T)=>{if(!g("GET_ALLOW_FILE_TYPE_VALIDATION")){E(m);return}const I=g("GET_ACCEPTED_FILE_TYPES"),f=g("GET_FILE_VALIDATE_TYPE_DETECT_TYPE"),b=p(m,I,f),S=()=>{const R=I.map(h(g("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES_MAP"))).filter(O=>O!==!1),A=R.filter((O,L)=>R.indexOf(O)===L);T({status:{main:g("GET_LABEL_FILE_TYPE_NOT_ALLOWED"),sub:l(g("GET_FILE_VALIDATE_TYPE_LABEL_EXPECTED_TYPES"),{allTypes:A.join(", "),allButLastType:A.slice(0,-1).join(", "),lastType:A[A.length-1]})}})};if(typeof b=="boolean")return b?E(m):S();b.then(()=>{E(m)}).catch(S)})),{options:{allowFileTypeValidation:[!0,a.BOOLEAN],acceptedFileTypes:[[],a.ARRAY],labelFileTypeNotAllowed:["File is of invalid type",a.STRING],fileValidateTypeLabelExpectedTypes:["Expects {allButLastType} or {lastType}",a.STRING],fileValidateTypeLabelExpectedTypesMap:[{},a.OBJECT],fileValidateTypeDetectType:[null,a.FUNCTION]}}},isBrowser$2=typeof window<"u"&&typeof window.document<"u";isBrowser$2&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:plugin$2}));/*!
+ * FilePondPluginImagePreview 4.6.12
+ * Licensed under MIT, https://opensource.org/licenses/MIT/
+ * Please visit https://pqina.nl/filepond/ for details.
+ */const isPreviewableImage=e=>/^image/.test(e.type),vectorMultiply=(e,t)=>createVector(e.x*t,e.y*t),vectorAdd=(e,t)=>createVector(e.x+t.x,e.y+t.y),vectorNormalize=e=>{const t=Math.sqrt(e.x*e.x+e.y*e.y);return t===0?{x:0,y:0}:createVector(e.x/t,e.y/t)},vectorRotate=(e,t,a)=>{const n=Math.cos(t),l=Math.sin(t),r=createVector(e.x-a.x,e.y-a.y);return createVector(a.x+n*r.x-l*r.y,a.y+l*r.x+n*r.y)},createVector=(e=0,t=0)=>({x:e,y:t}),getMarkupValue=(e,t,a=1,n)=>{if(typeof e=="string")return parseFloat(e)*a;if(typeof e=="number")return e*(n?t[n]:Math.min(t.width,t.height))},getMarkupStyles=(e,t,a)=>{const n=e.borderStyle||e.lineStyle||"solid",l=e.backgroundColor||e.fontColor||"transparent",r=e.borderColor||e.lineColor||"transparent",s=getMarkupValue(e.borderWidth||e.lineWidth,t,a),o=e.lineCap||"round",c=e.lineJoin||"round",u=typeof n=="string"?"":n.map(p=>getMarkupValue(p,t,a)).join(","),d=e.opacity||1;return{"stroke-linecap":o,"stroke-linejoin":c,"stroke-width":s||0,"stroke-dasharray":u,stroke:r,fill:l,opacity:d}},isDefined=e=>e!=null,getMarkupRect=(e,t,a=1)=>{let n=getMarkupValue(e.x,t,a,"width")||getMarkupValue(e.left,t,a,"width"),l=getMarkupValue(e.y,t,a,"height")||getMarkupValue(e.top,t,a,"height"),r=getMarkupValue(e.width,t,a,"width"),s=getMarkupValue(e.height,t,a,"height"),o=getMarkupValue(e.right,t,a,"width"),c=getMarkupValue(e.bottom,t,a,"height");return isDefined(l)||(isDefined(s)&&isDefined(c)?l=t.height-s-c:l=c),isDefined(n)||(isDefined(r)&&isDefined(o)?n=t.width-r-o:n=o),isDefined(r)||(isDefined(n)&&isDefined(o)?r=t.width-n-o:r=0),isDefined(s)||(isDefined(l)&&isDefined(c)?s=t.height-l-c:s=0),{x:n||0,y:l||0,width:r||0,height:s||0}},pointsToPathShape=e=>e.map((t,a)=>`${a===0?"M":"L"} ${t.x} ${t.y}`).join(" "),setAttributes=(e,t)=>Object.keys(t).forEach(a=>e.setAttribute(a,t[a])),ns="http://www.w3.org/2000/svg",svg=(e,t)=>{const a=document.createElementNS(ns,e);return t&&setAttributes(a,t),a},updateRect=e=>setAttributes(e,{...e.rect,...e.styles}),updateEllipse=e=>{const t=e.rect.x+e.rect.width*.5,a=e.rect.y+e.rect.height*.5,n=e.rect.width*.5,l=e.rect.height*.5;return setAttributes(e,{cx:t,cy:a,rx:n,ry:l,...e.styles})},IMAGE_FIT_STYLE={contain:"xMidYMid meet",cover:"xMidYMid slice"},updateImage=(e,t)=>{setAttributes(e,{...e.rect,...e.styles,preserveAspectRatio:IMAGE_FIT_STYLE[t.fit]||"none"})},TEXT_ANCHOR={left:"start",center:"middle",right:"end"},updateText=(e,t,a,n)=>{const l=getMarkupValue(t.fontSize,a,n),r=t.fontFamily||"sans-serif",s=t.fontWeight||"normal",o=TEXT_ANCHOR[t.textAlign]||"start";setAttributes(e,{...e.rect,...e.styles,"stroke-width":0,"font-weight":s,"font-size":l,"font-family":r,"text-anchor":o}),e.text!==t.text&&(e.text=t.text,e.textContent=t.text.length?t.text:" ")},updateLine=(e,t,a,n)=>{setAttributes(e,{...e.rect,...e.styles,fill:"none"});const l=e.childNodes[0],r=e.childNodes[1],s=e.childNodes[2],o=e.rect,c={x:e.rect.x+e.rect.width,y:e.rect.y+e.rect.height};if(setAttributes(l,{x1:o.x,y1:o.y,x2:c.x,y2:c.y}),!t.lineDecoration)return;r.style.display="none",s.style.display="none";const u=vectorNormalize({x:c.x-o.x,y:c.y-o.y}),d=getMarkupValue(.05,a,n);if(t.lineDecoration.indexOf("arrow-begin")!==-1){const p=vectorMultiply(u,d),h=vectorAdd(o,p),m=vectorRotate(o,2,h),g=vectorRotate(o,-2,h);setAttributes(r,{style:"display:block;",d:`M${m.x},${m.y} L${o.x},${o.y} L${g.x},${g.y}`})}if(t.lineDecoration.indexOf("arrow-end")!==-1){const p=vectorMultiply(u,-d),h=vectorAdd(c,p),m=vectorRotate(c,2,h),g=vectorRotate(c,-2,h);setAttributes(s,{style:"display:block;",d:`M${m.x},${m.y} L${c.x},${c.y} L${g.x},${g.y}`})}},updatePath=(e,t,a,n)=>{setAttributes(e,{...e.styles,fill:"none",d:pointsToPathShape(t.points.map(l=>({x:getMarkupValue(l.x,a,n,"width"),y:getMarkupValue(l.y,a,n,"height")})))})},createShape=e=>t=>svg(e,{id:t.id}),createImage=e=>{const t=svg("image",{id:e.id,"stroke-linecap":"round","stroke-linejoin":"round",opacity:"0"});return t.onload=()=>{t.setAttribute("opacity",e.opacity||1)},t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",e.src),t},createLine=e=>{const t=svg("g",{id:e.id,"stroke-linecap":"round","stroke-linejoin":"round"}),a=svg("line");t.appendChild(a);const n=svg("path");t.appendChild(n);const l=svg("path");return t.appendChild(l),t},CREATE_TYPE_ROUTES={image:createImage,rect:createShape("rect"),ellipse:createShape("ellipse"),text:createShape("text"),path:createShape("path"),line:createLine},UPDATE_TYPE_ROUTES={rect:updateRect,ellipse:updateEllipse,image:updateImage,text:updateText,path:updatePath,line:updateLine},createMarkupByType=(e,t)=>CREATE_TYPE_ROUTES[e](t),updateMarkupByType=(e,t,a,n,l)=>{t!=="path"&&(e.rect=getMarkupRect(a,n,l)),e.styles=getMarkupStyles(a,n,l),UPDATE_TYPE_ROUTES[t](e,a,n,l)},MARKUP_RECT=["x","y","left","top","right","bottom","width","height"],toOptionalFraction=e=>typeof e=="string"&&/%/.test(e)?parseFloat(e)/100:e,prepareMarkup=e=>{const[t,a]=e,n=a.points?{}:MARKUP_RECT.reduce((l,r)=>(l[r]=toOptionalFraction(a[r]),l),{});return[t,{zIndex:0,...a,...n}]},sortMarkupByZIndex=(e,t)=>e[1].zIndex>t[1].zIndex?1:e[1].zIndex<t[1].zIndex?-1:0,createMarkupView=e=>e.utils.createView({name:"image-preview-markup",tag:"svg",ignoreRect:!0,mixins:{apis:["width","height","crop","markup","resize","dirty"]},write:({root:t,props:a})=>{if(!a.dirty)return;const{crop:n,resize:l,markup:r}=a,s=a.width,o=a.height;let c=n.width,u=n.height;if(l){const{size:m}=l;let g=m&&m.width,E=m&&m.height;const T=l.mode,I=l.upscale;g&&!E&&(E=g),E&&!g&&(g=E);const f=c<g&&u<E;if(!f||f&&I){let b=g/c,S=E/u;if(T==="force")c=g,u=E;else{let R;T==="cover"?R=Math.max(b,S):T==="contain"&&(R=Math.min(b,S)),c=c*R,u=u*R}}}const d={width:s,height:o};t.element.setAttribute("width",d.width),t.element.setAttribute("height",d.height);const p=Math.min(s/c,o/u);t.element.innerHTML="";const h=t.query("GET_IMAGE_PREVIEW_MARKUP_FILTER");r.filter(h).map(prepareMarkup).sort(sortMarkupByZIndex).forEach(m=>{const[g,E]=m,T=createMarkupByType(g,E);updateMarkupByType(T,g,E,d,p),t.element.appendChild(T)})}}),createVector$1=(e,t)=>({x:e,y:t}),vectorDot=(e,t)=>e.x*t.x+e.y*t.y,vectorSubtract=(e,t)=>createVector$1(e.x-t.x,e.y-t.y),vectorDistanceSquared=(e,t)=>vectorDot(vectorSubtract(e,t),vectorSubtract(e,t)),vectorDistance=(e,t)=>Math.sqrt(vectorDistanceSquared(e,t)),getOffsetPointOnEdge=(e,t)=>{const a=e,n=1.5707963267948966,l=t,r=1.5707963267948966-t,s=Math.sin(n),o=Math.sin(l),c=Math.sin(r),u=Math.cos(r),d=a/s,p=d*o,h=d*c;return createVector$1(u*p,u*h)},getRotatedRectSize=(e,t)=>{const a=e.width,n=e.height,l=getOffsetPointOnEdge(a,t),r=getOffsetPointOnEdge(n,t),s=createVector$1(e.x+Math.abs(l.x),e.y-Math.abs(l.y)),o=createVector$1(e.x+e.width+Math.abs(r.y),e.y+Math.abs(r.x)),c=createVector$1(e.x-Math.abs(r.y),e.y+e.height-Math.abs(r.x));return{width:vectorDistance(s,o),height:vectorDistance(s,c)}},calculateCanvasSize=(e,t,a=1)=>{const n=e.height/e.width;let l=1,r=t,s=1,o=n;o>r&&(o=r,s=o/n);const c=Math.max(l/s,r/o),u=e.width/(a*c*s),d=u*t;return{width:u,height:d}},getImageRectZoomFactor=(e,t,a,n)=>{const l=n.x>.5?1-n.x:n.x,r=n.y>.5?1-n.y:n.y,s=l*2*e.width,o=r*2*e.height,c=getRotatedRectSize(t,a);return Math.max(c.width/s,c.height/o)},getCenteredCropRect=(e,t)=>{let a=e.width,n=a*t;n>e.height&&(n=e.height,a=n/t);const l=(e.width-a)*.5,r=(e.height-n)*.5;return{x:l,y:r,width:a,height:n}},getCurrentCropSize=(e,t={})=>{let{zoom:a,rotation:n,center:l,aspectRatio:r}=t;r||(r=e.height/e.width);const s=calculateCanvasSize(e,r,a),o={x:s.width*.5,y:s.height*.5},c={x:0,y:0,width:s.width,height:s.height,center:o},u=typeof t.scaleToFit>"u"||t.scaleToFit,d=getImageRectZoomFactor(e,getCenteredCropRect(c,r),n,u?l:{x:.5,y:.5}),p=a*d;return{widthFloat:s.width/p,heightFloat:s.height/p,width:Math.round(s.width/p),height:Math.round(s.height/p)}},IMAGE_SCALE_SPRING_PROPS={type:"spring",stiffness:.5,damping:.45,mass:10},createBitmapView=e=>e.utils.createView({name:"image-bitmap",ignoreRect:!0,mixins:{styles:["scaleX","scaleY"]},create:({root:t,props:a})=>{t.appendChild(a.image)}}),createImageCanvasWrapper=e=>e.utils.createView({name:"image-canvas-wrapper",tag:"div",ignoreRect:!0,mixins:{apis:["crop","width","height"],styles:["originX","originY","translateX","translateY","scaleX","scaleY","rotateZ"],animations:{originX:IMAGE_SCALE_SPRING_PROPS,originY:IMAGE_SCALE_SPRING_PROPS,scaleX:IMAGE_SCALE_SPRING_PROPS,scaleY:IMAGE_SCALE_SPRING_PROPS,translateX:IMAGE_SCALE_SPRING_PROPS,translateY:IMAGE_SCALE_SPRING_PROPS,rotateZ:IMAGE_SCALE_SPRING_PROPS}},create:({root:t,props:a})=>{a.width=a.image.width,a.height=a.image.height,t.ref.bitmap=t.appendChildView(t.createChildView(createBitmapView(e),{image:a.image}))},write:({root:t,props:a})=>{const{flip:n}=a.crop,{bitmap:l}=t.ref;l.scaleX=n.horizontal?-1:1,l.scaleY=n.vertical?-1:1}}),createClipView=e=>e.utils.createView({name:"image-clip",tag:"div",ignoreRect:!0,mixins:{apis:["crop","markup","resize","width","height","dirty","background"],styles:["width","height","opacity"],animations:{opacity:{type:"tween",duration:250}}},didWriteView:function({root:t,props:a}){a.background&&(t.element.style.backgroundColor=a.background)},create:({root:t,props:a})=>{t.ref.image=t.appendChildView(t.createChildView(createImageCanvasWrapper(e),Object.assign({},a))),t.ref.createMarkup=()=>{t.ref.markup||(t.ref.markup=t.appendChildView(t.createChildView(createMarkupView(e),Object.assign({},a))))},t.ref.destroyMarkup=()=>{t.ref.markup&&(t.removeChildView(t.ref.markup),t.ref.markup=null)};const n=t.query("GET_IMAGE_PREVIEW_TRANSPARENCY_INDICATOR");n!==null&&(n==="grid"?t.element.dataset.transparencyIndicator=n:t.element.dataset.transparencyIndicator="color")},write:({root:t,props:a,shouldOptimize:n})=>{const{crop:l,markup:r,resize:s,dirty:o,width:c,height:u}=a;t.ref.image.crop=l;const d={x:0,y:0,width:c,height:u,center:{x:c*.5,y:u*.5}},p={width:t.ref.image.width,height:t.ref.image.height},h={x:l.center.x*p.width,y:l.center.y*p.height},m={x:d.center.x-p.width*l.center.x,y:d.center.y-p.height*l.center.y},g=Math.PI*2+l.rotation%(Math.PI*2),E=l.aspectRatio||p.height/p.width,T=typeof l.scaleToFit>"u"||l.scaleToFit,I=getImageRectZoomFactor(p,getCenteredCropRect(d,E),g,T?l.center:{x:.5,y:.5}),f=l.zoom*I;r&&r.length?(t.ref.createMarkup(),t.ref.markup.width=c,t.ref.markup.height=u,t.ref.markup.resize=s,t.ref.markup.dirty=o,t.ref.markup.markup=r,t.ref.markup.crop=getCurrentCropSize(p,l)):t.ref.markup&&t.ref.destroyMarkup();const b=t.ref.image;if(n){b.originX=null,b.originY=null,b.translateX=null,b.translateY=null,b.rotateZ=null,b.scaleX=null,b.scaleY=null;return}b.originX=h.x,b.originY=h.y,b.translateX=m.x,b.translateY=m.y,b.rotateZ=g,b.scaleX=f,b.scaleY=f}}),createImageView=e=>e.utils.createView({name:"image-preview",tag:"div",ignoreRect:!0,mixins:{apis:["image","crop","markup","resize","dirty","background"],styles:["translateY","scaleX","scaleY","opacity"],animations:{scaleX:IMAGE_SCALE_SPRING_PROPS,scaleY:IMAGE_SCALE_SPRING_PROPS,translateY:IMAGE_SCALE_SPRING_PROPS,opacity:{type:"tween",duration:400}}},create:({root:t,props:a})=>{t.ref.clip=t.appendChildView(t.createChildView(createClipView(e),{id:a.id,image:a.image,crop:a.crop,markup:a.markup,resize:a.resize,dirty:a.dirty,background:a.background}))},write:({root:t,props:a,shouldOptimize:n})=>{const{clip:l}=t.ref,{image:r,crop:s,markup:o,resize:c,dirty:u}=a;if(l.crop=s,l.markup=o,l.resize=c,l.dirty=u,l.opacity=n?0:1,n||t.rect.element.hidden)return;const d=r.height/r.width;let p=s.aspectRatio||d;const h=t.rect.inner.width,m=t.rect.inner.height;let g=t.query("GET_IMAGE_PREVIEW_HEIGHT");const E=t.query("GET_IMAGE_PREVIEW_MIN_HEIGHT"),T=t.query("GET_IMAGE_PREVIEW_MAX_HEIGHT"),I=t.query("GET_PANEL_ASPECT_RATIO"),f=t.query("GET_ALLOW_MULTIPLE");I&&!f&&(g=h*I,p=I);let b=g!==null?g:Math.max(E,Math.min(h*p,T)),S=b/p;S>h&&(S=h,b=S*p),b>m&&(b=m,S=m/p),l.width=S,l.height=b}});let SVG_MASK=`<svg width="500" height="200" viewBox="0 0 500 200" preserveAspectRatio="none">
+    <defs>
+        <radialGradient id="gradient-__UID__" cx=".5" cy="1.25" r="1.15">
+            <stop offset='50%' stop-color='#000000'/>
+            <stop offset='56%' stop-color='#0a0a0a'/>
+            <stop offset='63%' stop-color='#262626'/>
+            <stop offset='69%' stop-color='#4f4f4f'/>
+            <stop offset='75%' stop-color='#808080'/>
+            <stop offset='81%' stop-color='#b1b1b1'/>
+            <stop offset='88%' stop-color='#dadada'/>
+            <stop offset='94%' stop-color='#f6f6f6'/>
+            <stop offset='100%' stop-color='#ffffff'/>
+        </radialGradient>
+        <mask id="mask-__UID__">
+            <rect x="0" y="0" width="500" height="200" fill="url(#gradient-__UID__)"></rect>
+        </mask>
+    </defs>
+    <rect x="0" width="500" height="200" fill="currentColor" mask="url(#mask-__UID__)"></rect>
+</svg>`,SVGMaskUniqueId=0;const createImageOverlayView=e=>e.utils.createView({name:"image-preview-overlay",tag:"div",ignoreRect:!0,create:({root:t,props:a})=>{let n=SVG_MASK;if(document.querySelector("base")){const l=new URL(window.location.href.replace(window.location.hash,"")).href;n=n.replace(/url\(\#/g,"url("+l+"#")}SVGMaskUniqueId++,t.element.classList.add(`filepond--image-preview-overlay-${a.status}`),t.element.innerHTML=n.replace(/__UID__/g,SVGMaskUniqueId)},mixins:{styles:["opacity"],animations:{opacity:{type:"spring",mass:25}}}}),BitmapWorker=function(){self.onmessage=e=>{createImageBitmap(e.data.message.file).then(t=>{self.postMessage({id:e.data.id,message:t},[t])})}},ColorMatrixWorker=function(){self.onmessage=e=>{const t=e.data.message.imageData,a=e.data.message.colorMatrix,n=t.data,l=n.length,r=a[0],s=a[1],o=a[2],c=a[3],u=a[4],d=a[5],p=a[6],h=a[7],m=a[8],g=a[9],E=a[10],T=a[11],I=a[12],f=a[13],b=a[14],S=a[15],R=a[16],A=a[17],O=a[18],L=a[19];let P=0,D=0,M=0,z=0,V=0;for(;P<l;P+=4)D=n[P]/255,M=n[P+1]/255,z=n[P+2]/255,V=n[P+3]/255,n[P]=Math.max(0,Math.min((D*r+M*s+z*o+V*c+u)*255,255)),n[P+1]=Math.max(0,Math.min((D*d+M*p+z*h+V*m+g)*255,255)),n[P+2]=Math.max(0,Math.min((D*E+M*T+z*I+V*f+b)*255,255)),n[P+3]=Math.max(0,Math.min((D*S+M*R+z*A+V*O+L)*255,255));self.postMessage({id:e.data.id,message:t},[t.data.buffer])}},getImageSize$1=(e,t)=>{let a=new Image;a.onload=()=>{const n=a.naturalWidth,l=a.naturalHeight;a=null,t(n,l)},a.src=e},transforms={1:()=>[1,0,0,1,0,0],2:e=>[-1,0,0,1,e,0],3:(e,t)=>[-1,0,0,-1,e,t],4:(e,t)=>[1,0,0,-1,0,t],5:()=>[0,1,1,0,0,0],6:(e,t)=>[0,1,-1,0,t,0],7:(e,t)=>[0,-1,-1,0,t,e],8:e=>[0,-1,1,0,0,e]},fixImageOrientation=(e,t,a,n)=>{n!==-1&&e.transform.apply(e,transforms[n](t,a))},createPreviewImage=(e,t,a,n)=>{t=Math.round(t),a=Math.round(a);const l=document.createElement("canvas");l.width=t,l.height=a;const r=l.getContext("2d");return n>=5&&n<=8&&([t,a]=[a,t]),fixImageOrientation(r,t,a,n),r.drawImage(e,0,0,t,a),l},isBitmap=e=>/^image/.test(e.type)&&!/svg/.test(e.type),MAX_WIDTH=10,MAX_HEIGHT=10,calculateAverageColor=e=>{const t=Math.min(MAX_WIDTH/e.width,MAX_HEIGHT/e.height),a=document.createElement("canvas"),n=a.getContext("2d"),l=a.width=Math.ceil(e.width*t),r=a.height=Math.ceil(e.height*t);n.drawImage(e,0,0,l,r);let s=null;try{s=n.getImageData(0,0,l,r).data}catch{return null}const o=s.length;let c=0,u=0,d=0,p=0;for(;p<o;p+=4)c+=s[p]*s[p],u+=s[p+1]*s[p+1],d+=s[p+2]*s[p+2];return c=averageColor(c,o),u=averageColor(u,o),d=averageColor(d,o),{r:c,g:u,b:d}},averageColor=(e,t)=>Math.floor(Math.sqrt(e/(t/4))),cloneCanvas=(e,t)=>(t=t||document.createElement("canvas"),t.width=e.width,t.height=e.height,t.getContext("2d").drawImage(e,0,0),t),cloneImageData=e=>{let t;try{t=new ImageData(e.width,e.height)}catch{t=document.createElement("canvas").getContext("2d").createImageData(e.width,e.height)}return t.data.set(new Uint8ClampedArray(e.data)),t},loadImage=e=>new Promise((t,a)=>{const n=new Image;n.crossOrigin="Anonymous",n.onload=()=>{t(n)},n.onerror=l=>{a(l)},n.src=e}),createImageWrapperView=e=>{const t=createImageOverlayView(e),a=createImageView(e),{createWorker:n}=e.utils,l=(f,b,S)=>new Promise(R=>{f.ref.imageData||(f.ref.imageData=S.getContext("2d").getImageData(0,0,S.width,S.height));const A=cloneImageData(f.ref.imageData);if(!b||b.length!==20)return S.getContext("2d").putImageData(A,0,0),R();const O=n(ColorMatrixWorker);O.post({imageData:A,colorMatrix:b},L=>{S.getContext("2d").putImageData(L,0,0),O.terminate(),R()},[A.data.buffer])}),r=(f,b)=>{f.removeChildView(b),b.image.width=1,b.image.height=1,b._destroy()},s=({root:f})=>{const b=f.ref.images.shift();return b.opacity=0,b.translateY=-15,f.ref.imageViewBin.push(b),b},o=({root:f,props:b,image:S})=>{const R=b.id,A=f.query("GET_ITEM",{id:R});if(!A)return;const O=A.getMetadata("crop")||{center:{x:.5,y:.5},flip:{horizontal:!1,vertical:!1},zoom:1,rotation:0,aspectRatio:null},L=f.query("GET_IMAGE_TRANSFORM_CANVAS_BACKGROUND_COLOR");let P,D,M=!1;f.query("GET_IMAGE_PREVIEW_MARKUP_SHOW")&&(P=A.getMetadata("markup")||[],D=A.getMetadata("resize"),M=!0);const z=f.appendChildView(f.createChildView(a,{id:R,image:S,crop:O,resize:D,markup:P,dirty:M,background:L,opacity:0,scaleX:1.15,scaleY:1.15,translateY:15}),f.childViews.length);f.ref.images.push(z),z.opacity=1,z.scaleX=1,z.scaleY=1,z.translateY=0,setTimeout(()=>{f.dispatch("DID_IMAGE_PREVIEW_SHOW",{id:R})},250)},c=({root:f,props:b})=>{const S=f.query("GET_ITEM",{id:b.id});if(!S)return;const R=f.ref.images[f.ref.images.length-1];R.crop=S.getMetadata("crop"),R.background=f.query("GET_IMAGE_TRANSFORM_CANVAS_BACKGROUND_COLOR"),f.query("GET_IMAGE_PREVIEW_MARKUP_SHOW")&&(R.dirty=!0,R.resize=S.getMetadata("resize"),R.markup=S.getMetadata("markup"))},u=({root:f,props:b,action:S})=>{if(!/crop|filter|markup|resize/.test(S.change.key)||!f.ref.images.length)return;const R=f.query("GET_ITEM",{id:b.id});if(R){if(/filter/.test(S.change.key)){const A=f.ref.images[f.ref.images.length-1];l(f,S.change.value,A.image);return}if(/crop|markup|resize/.test(S.change.key)){const A=R.getMetadata("crop"),O=f.ref.images[f.ref.images.length-1];if(A&&A.aspectRatio&&O.crop&&O.crop.aspectRatio&&Math.abs(A.aspectRatio-O.crop.aspectRatio)>1e-5){const L=s({root:f});o({root:f,props:b,image:cloneCanvas(L.image)})}else c({root:f,props:b})}}},d=f=>{const S=window.navigator.userAgent.match(/Firefox\/([0-9]+)\./),R=S?parseInt(S[1]):null;return R!==null&&R<=58?!1:"createImageBitmap"in window&&isBitmap(f)},p=({root:f,props:b})=>{const{id:S}=b,R=f.query("GET_ITEM",S);if(!R)return;const A=URL.createObjectURL(R.file);getImageSize$1(A,(O,L)=>{f.dispatch("DID_IMAGE_PREVIEW_CALCULATE_SIZE",{id:S,width:O,height:L})})},h=({root:f,props:b})=>{const{id:S}=b,R=f.query("GET_ITEM",S);if(!R)return;const A=URL.createObjectURL(R.file),O=()=>{loadImage(A).then(L)},L=P=>{URL.revokeObjectURL(A);const M=(R.getMetadata("exif")||{}).orientation||-1;let{width:z,height:V}=P;if(!z||!V)return;M>=5&&M<=8&&([z,V]=[V,z]);const x=Math.max(1,window.devicePixelRatio*.75),y=f.query("GET_IMAGE_PREVIEW_ZOOM_FACTOR")*x,F=V/z,w=f.rect.element.width,v=f.rect.element.height;let C=w,N=C*F;F>1?(C=Math.min(z,w*y),N=C*F):(N=Math.min(V,v*y),C=N/F);const W=createPreviewImage(P,C,N,M),j=()=>{const X=f.query("GET_IMAGE_PREVIEW_CALCULATE_AVERAGE_IMAGE_COLOR")?calculateAverageColor(data):null;R.setMetadata("color",X,!0),"close"in P&&P.close(),f.ref.overlayShadow.opacity=1,o({root:f,props:b,image:W})},$=R.getMetadata("filter");$?l(f,$,W).then(j):j()};if(d(R.file)){const P=n(BitmapWorker);P.post({file:R.file},D=>{if(P.terminate(),!D){O();return}L(D)})}else O()},m=({root:f})=>{const b=f.ref.images[f.ref.images.length-1];b.translateY=0,b.scaleX=1,b.scaleY=1,b.opacity=1},g=({root:f})=>{f.ref.overlayShadow.opacity=1,f.ref.overlayError.opacity=0,f.ref.overlaySuccess.opacity=0},E=({root:f})=>{f.ref.overlayShadow.opacity=.25,f.ref.overlayError.opacity=1},T=({root:f})=>{f.ref.overlayShadow.opacity=.25,f.ref.overlaySuccess.opacity=1},I=({root:f})=>{f.ref.images=[],f.ref.imageData=null,f.ref.imageViewBin=[],f.ref.overlayShadow=f.appendChildView(f.createChildView(t,{opacity:0,status:"idle"})),f.ref.overlaySuccess=f.appendChildView(f.createChildView(t,{opacity:0,status:"success"})),f.ref.overlayError=f.appendChildView(f.createChildView(t,{opacity:0,status:"failure"}))};return e.utils.createView({name:"image-preview-wrapper",create:I,styles:["height"],apis:["height"],destroy:({root:f})=>{f.ref.images.forEach(b=>{b.image.width=1,b.image.height=1})},didWriteView:({root:f})=>{f.ref.images.forEach(b=>{b.dirty=!1})},write:e.utils.createRoute({DID_IMAGE_PREVIEW_DRAW:m,DID_IMAGE_PREVIEW_CONTAINER_CREATE:p,DID_FINISH_CALCULATE_PREVIEWSIZE:h,DID_UPDATE_ITEM_METADATA:u,DID_THROW_ITEM_LOAD_ERROR:E,DID_THROW_ITEM_PROCESSING_ERROR:E,DID_THROW_ITEM_INVALID:E,DID_COMPLETE_ITEM_PROCESSING:T,DID_START_ITEM_PROCESSING:g,DID_REVERT_ITEM_PROCESSING:g},({root:f})=>{const b=f.ref.imageViewBin.filter(S=>S.opacity===0);f.ref.imageViewBin=f.ref.imageViewBin.filter(S=>S.opacity>0),b.forEach(S=>r(f,S)),b.length=0})})},plugin$1=e=>{const{addFilter:t,utils:a}=e,{Type:n,createRoute:l,isFile:r}=a,s=createImageWrapperView(e);return t("CREATE_VIEW",o=>{const{is:c,view:u,query:d}=o;if(!c("file")||!d("GET_ALLOW_IMAGE_PREVIEW"))return;const p=({root:T,props:I})=>{const{id:f}=I,b=d("GET_ITEM",f);if(!b||!r(b.file)||b.archived)return;const S=b.file;if(!isPreviewableImage(S)||!d("GET_IMAGE_PREVIEW_FILTER_ITEM")(b))return;const R="createImageBitmap"in(window||{}),A=d("GET_IMAGE_PREVIEW_MAX_FILE_SIZE");if(!R&&A&&S.size>A)return;T.ref.imagePreview=u.appendChildView(u.createChildView(s,{id:f}));const O=T.query("GET_IMAGE_PREVIEW_HEIGHT");O&&T.dispatch("DID_UPDATE_PANEL_HEIGHT",{id:b.id,height:O});const L=!R&&S.size>d("GET_IMAGE_PREVIEW_MAX_INSTANT_PREVIEW_FILE_SIZE");T.dispatch("DID_IMAGE_PREVIEW_CONTAINER_CREATE",{id:f},L)},h=(T,I)=>{if(!T.ref.imagePreview)return;let{id:f}=I;const b=T.query("GET_ITEM",{id:f});if(!b)return;const S=T.query("GET_PANEL_ASPECT_RATIO"),R=T.query("GET_ITEM_PANEL_ASPECT_RATIO"),A=T.query("GET_IMAGE_PREVIEW_HEIGHT");if(S||R||A)return;let{imageWidth:O,imageHeight:L}=T.ref;if(!O||!L)return;const P=T.query("GET_IMAGE_PREVIEW_MIN_HEIGHT"),D=T.query("GET_IMAGE_PREVIEW_MAX_HEIGHT"),z=(b.getMetadata("exif")||{}).orientation||-1;if(z>=5&&z<=8&&([O,L]=[L,O]),!isBitmap(b.file)||T.query("GET_IMAGE_PREVIEW_UPSCALE")){const w=2048/O;O*=w,L*=w}const V=L/O,x=(b.getMetadata("crop")||{}).aspectRatio||V;let k=Math.max(P,Math.min(L,D));const y=T.rect.element.width,F=Math.min(y*x,k);T.dispatch("DID_UPDATE_PANEL_HEIGHT",{id:b.id,height:F})},m=({root:T})=>{T.ref.shouldRescale=!0},g=({root:T,action:I})=>{I.change.key==="crop"&&(T.ref.shouldRescale=!0)},E=({root:T,action:I})=>{T.ref.imageWidth=I.width,T.ref.imageHeight=I.height,T.ref.shouldRescale=!0,T.ref.shouldDrawPreview=!0,T.dispatch("KICK")};u.registerWriter(l({DID_RESIZE_ROOT:m,DID_STOP_RESIZE:m,DID_LOAD_ITEM:p,DID_IMAGE_PREVIEW_CALCULATE_SIZE:E,DID_UPDATE_ITEM_METADATA:g},({root:T,props:I})=>{T.ref.imagePreview&&(T.rect.element.hidden||(T.ref.shouldRescale&&(h(T,I),T.ref.shouldRescale=!1),T.ref.shouldDrawPreview&&(requestAnimationFrame(()=>{requestAnimationFrame(()=>{T.dispatch("DID_FINISH_CALCULATE_PREVIEWSIZE",{id:I.id})})}),T.ref.shouldDrawPreview=!1)))}))}),{options:{allowImagePreview:[!0,n.BOOLEAN],imagePreviewFilterItem:[()=>!0,n.FUNCTION],imagePreviewHeight:[null,n.INT],imagePreviewMinHeight:[44,n.INT],imagePreviewMaxHeight:[256,n.INT],imagePreviewMaxFileSize:[null,n.INT],imagePreviewZoomFactor:[2,n.INT],imagePreviewUpscale:[!1,n.BOOLEAN],imagePreviewMaxInstantPreviewFileSize:[1e6,n.INT],imagePreviewTransparencyIndicator:[null,n.STRING],imagePreviewCalculateAverageImageColor:[!1,n.BOOLEAN],imagePreviewMarkupShow:[!0,n.BOOLEAN],imagePreviewMarkupFilter:[()=>!0,n.FUNCTION]}}},isBrowser$1=typeof window<"u"&&typeof window.document<"u";isBrowser$1&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:plugin$1}));/*!
+ * FilePondPluginImageValidateSize 1.2.7
+ * Licensed under MIT, https://opensource.org/licenses/MIT/
+ * Please visit https://pqina.nl/filepond/ for details.
+ */const isImage=e=>/^image/.test(e.type),getImageSize=e=>new Promise((t,a)=>{const n=document.createElement("img");n.src=URL.createObjectURL(e),n.onerror=r=>{clearInterval(l),a(r)};const l=setInterval(()=>{n.naturalWidth&&n.naturalHeight&&(clearInterval(l),URL.revokeObjectURL(n.src),t({width:n.naturalWidth,height:n.naturalHeight}))},1)}),plugin=({addFilter:e,utils:t})=>{const{Type:a,replaceInString:n,isFile:l}=t,r=(s,o,c)=>new Promise((u,d)=>{const p=({width:h,height:m})=>{const{minWidth:g,minHeight:E,maxWidth:T,maxHeight:I,minResolution:f,maxResolution:b}=o,S=h*m;h<g||m<E?d("TOO_SMALL"):h>T||m>I?d("TOO_BIG"):f!==null&&S<f?d("TOO_LOW_RES"):b!==null&&S>b&&d("TOO_HIGH_RES"),u()};getImageSize(s).then(p).catch(()=>{if(!c){d();return}c(s,o).then(p).catch(()=>d())})});return e("LOAD_FILE",(s,{query:o})=>new Promise((c,u)=>{if(!l(s)||!isImage(s)||!o("GET_ALLOW_IMAGE_VALIDATE_SIZE")){c(s);return}const d={minWidth:o("GET_IMAGE_VALIDATE_SIZE_MIN_WIDTH"),minHeight:o("GET_IMAGE_VALIDATE_SIZE_MIN_HEIGHT"),maxWidth:o("GET_IMAGE_VALIDATE_SIZE_MAX_WIDTH"),maxHeight:o("GET_IMAGE_VALIDATE_SIZE_MAX_HEIGHT"),minResolution:o("GET_IMAGE_VALIDATE_SIZE_MIN_RESOLUTION"),maxResolution:o("GET_IMAGE_VALIDATE_SIZE_MAX_RESOLUTION")},p=o("GET_IMAGE_VALIDATE_SIZE_MEASURE");r(s,d,p).then(()=>{c(s)}).catch(h=>{const m=h?{TOO_SMALL:{label:o("GET_IMAGE_VALIDATE_SIZE_LABEL_IMAGE_SIZE_TOO_SMALL"),details:o("GET_IMAGE_VALIDATE_SIZE_LABEL_EXPECTED_MIN_SIZE")},TOO_BIG:{label:o("GET_IMAGE_VALIDATE_SIZE_LABEL_IMAGE_SIZE_TOO_BIG"),details:o("GET_IMAGE_VALIDATE_SIZE_LABEL_EXPECTED_MAX_SIZE")},TOO_LOW_RES:{label:o("GET_IMAGE_VALIDATE_SIZE_LABEL_IMAGE_RESOLUTION_TOO_LOW"),details:o("GET_IMAGE_VALIDATE_SIZE_LABEL_EXPECTED_MIN_RESOLUTION")},TOO_HIGH_RES:{label:o("GET_IMAGE_VALIDATE_SIZE_LABEL_IMAGE_RESOLUTION_TOO_HIGH"),details:o("GET_IMAGE_VALIDATE_SIZE_LABEL_EXPECTED_MAX_RESOLUTION")}}[h]:{label:o("GET_IMAGE_VALIDATE_SIZE_LABEL_FORMAT_ERROR"),details:s.type};u({status:{main:m.label,sub:h?n(m.details,d):m.details}})})})),{options:{allowImageValidateSize:[!0,a.BOOLEAN],imageValidateSizeLabelFormatError:["Image type not supported",a.STRING],imageValidateSizeMeasure:[null,a.FUNCTION],imageValidateSizeMinResolution:[null,a.INT],imageValidateSizeMaxResolution:[null,a.INT],imageValidateSizeLabelImageResolutionTooLow:["Resolution is too low",a.STRING],imageValidateSizeLabelImageResolutionTooHigh:["Resolution is too high",a.STRING],imageValidateSizeLabelExpectedMinResolution:["Minimum resolution is {minResolution}",a.STRING],imageValidateSizeLabelExpectedMaxResolution:["Maximum resolution is {maxResolution}",a.STRING],imageValidateSizeMinWidth:[1,a.INT],imageValidateSizeMinHeight:[1,a.INT],imageValidateSizeMaxWidth:[65535,a.INT],imageValidateSizeMaxHeight:[65535,a.INT],imageValidateSizeLabelImageSizeTooSmall:["Image is too small",a.STRING],imageValidateSizeLabelImageSizeTooBig:["Image is too big",a.STRING],imageValidateSizeLabelExpectedMinSize:["Minimum size is {minWidth} × {minHeight}",a.STRING],imageValidateSizeLabelExpectedMaxSize:["Maximum size is {maxWidth} × {maxHeight}",a.STRING]}}},isBrowser=typeof window<"u"&&typeof window.document<"u";isBrowser&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:plugin}));const ar_AR={labelIdle:'اسحب و ادرج ملفاتك أو <span class="filepond--label-action"> تصفح </span>',labelInvalidField:"الحقل يحتوي على ملفات غير صالحة",labelFileWaitingForSize:"بانتظار الحجم",labelFileSizeNotAvailable:"الحجم غير متاح",labelFileLoading:"بالإنتظار",labelFileLoadError:"حدث خطأ أثناء التحميل",labelFileProcessing:"يتم الرفع",labelFileProcessingComplete:"تم الرفع",labelFileProcessingAborted:"تم إلغاء الرفع",labelFileProcessingError:"حدث خطأ أثناء الرفع",labelFileProcessingRevertError:"حدث خطأ أثناء التراجع",labelFileRemoveError:"حدث خطأ أثناء الحذف",labelTapToCancel:"انقر للإلغاء",labelTapToRetry:"انقر لإعادة المحاولة",labelTapToUndo:"انقر للتراجع",labelButtonRemoveItem:"مسح",labelButtonAbortItemLoad:"إلغاء",labelButtonRetryItemLoad:"إعادة",labelButtonAbortItemProcessing:"إلغاء",labelButtonUndoItemProcessing:"تراجع",labelButtonRetryItemProcessing:"إعادة",labelButtonProcessItem:"رفع",labelMaxFileSizeExceeded:"الملف كبير جدا",labelMaxFileSize:"حجم الملف الأقصى: {filesize}",labelMaxTotalFileSizeExceeded:"تم تجاوز الحد الأقصى للحجم الإجمالي",labelMaxTotalFileSize:"الحد الأقصى لحجم الملف: {filesize}",labelFileTypeNotAllowed:"ملف من نوع غير صالح",fileValidateTypeLabelExpectedTypes:"تتوقع {allButLastType} من {lastType}",imageValidateSizeLabelFormatError:"نوع الصورة غير مدعوم",imageValidateSizeLabelImageSizeTooSmall:"الصورة صغير جدا",imageValidateSizeLabelImageSizeTooBig:"الصورة كبيرة جدا",imageValidateSizeLabelExpectedMinSize:"الحد الأدنى للأبعاد هو: {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"الحد الأقصى للأبعاد هو: {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"الدقة ضعيفة جدا",imageValidateSizeLabelImageResolutionTooHigh:"الدقة مرتفعة جدا",imageValidateSizeLabelExpectedMinResolution:"أقل دقة: {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"أقصى دقة: {maxResolution}"},az_AZ={labelIdle:'Faylınızı Sürüşdürün & Buraxın ya da <span class="filepond--label-action"> Seçin </span>',labelInvalidField:"Sahədə etibarsız fayllar var",labelFileWaitingForSize:"Ölçü hesablanır",labelFileSizeNotAvailable:"Ölçü mövcud deyil",labelFileLoading:"Yüklənir",labelFileLoadError:"Yükləmə əsnasında xəta baş verdi",labelFileProcessing:"Yüklənir",labelFileProcessingComplete:"Yükləmə tamamlandı",labelFileProcessingAborted:"Yükləmə ləğv edildi",labelFileProcessingError:"Yükəyərkən xəta baş verdi",labelFileProcessingRevertError:"Geri çəkərkən xəta baş verdi",labelFileRemoveError:"Çıxararkən xəta baş verdi",labelTapToCancel:"İmtina etmək üçün klikləyin",labelTapToRetry:"Təkrar yoxlamaq üçün klikləyin",labelTapToUndo:"Geri almaq üçün klikləyin",labelButtonRemoveItem:"Çıxar",labelButtonAbortItemLoad:"İmtina Et",labelButtonRetryItemLoad:"Təkrar yoxla",labelButtonAbortItemProcessing:"İmtina et",labelButtonUndoItemProcessing:"Geri Al",labelButtonRetryItemProcessing:"Təkrar yoxla",labelButtonProcessItem:"Yüklə",labelMaxFileSizeExceeded:"Fayl çox böyükdür",labelMaxFileSize:"Ən böyük fayl ölçüsü: {filesize}",labelMaxTotalFileSizeExceeded:"Maksimum ölçü keçildi",labelMaxTotalFileSize:"Maksimum fayl ölçüsü :{filesize}",labelFileTypeNotAllowed:"Etibarsız fayl tipi",fileValidateTypeLabelExpectedTypes:"Bu {allButLastType} ya da bu fayl olması lazımdır: {lastType}",imageValidateSizeLabelFormatError:"Şəkil tipi dəstəklənmir",imageValidateSizeLabelImageSizeTooSmall:"Şəkil çox kiçik",imageValidateSizeLabelImageSizeTooBig:"Şəkil çox böyük",imageValidateSizeLabelExpectedMinSize:"Minimum ölçü {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maksimum ölçü {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Görüntü imkanı çox aşağı",imageValidateSizeLabelImageResolutionTooHigh:"Görüntü imkanı çox yüksək",imageValidateSizeLabelExpectedMinResolution:"Minimum görüntü imkanı {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maximum görüntü imkanı {maxResolution}"},cs_CZ={labelIdle:'Přetáhněte soubor sem (drag&drop) nebo <span class="filepond--label-action"> Vyhledat </span>',labelInvalidField:"Pole obsahuje chybné soubory",labelFileWaitingForSize:"Zjišťuje se velikost",labelFileSizeNotAvailable:"Velikost není známá",labelFileLoading:"Přenáší se",labelFileLoadError:"Chyba při přenosu",labelFileProcessing:"Probíhá upload",labelFileProcessingComplete:"Upload dokončen",labelFileProcessingAborted:"Upload stornován",labelFileProcessingError:"Chyba při uploadu",labelFileProcessingRevertError:"Chyba při obnově",labelFileRemoveError:"Chyba při odstranění",labelTapToCancel:"klepněte pro storno",labelTapToRetry:"klepněte pro opakování",labelTapToUndo:"klepněte pro vrácení",labelButtonRemoveItem:"Odstranit",labelButtonAbortItemLoad:"Storno",labelButtonRetryItemLoad:"Opakovat",labelButtonAbortItemProcessing:"Zpět",labelButtonUndoItemProcessing:"Vrátit",labelButtonRetryItemProcessing:"Opakovat",labelButtonProcessItem:"Upload",labelMaxFileSizeExceeded:"Soubor je příliš velký",labelMaxFileSize:"Největší velikost souboru je {filesize}",labelMaxTotalFileSizeExceeded:"Překročena maximální celková velikost souboru",labelMaxTotalFileSize:"Maximální celková velikost souboru je {filesize}",labelFileTypeNotAllowed:"Soubor je nesprávného typu",fileValidateTypeLabelExpectedTypes:"Očekává se {allButLastType} nebo {lastType}",imageValidateSizeLabelFormatError:"Obrázek tohoto typu není podporován",imageValidateSizeLabelImageSizeTooSmall:"Obrázek je příliš malý",imageValidateSizeLabelImageSizeTooBig:"Obrázek je příliš velký",imageValidateSizeLabelExpectedMinSize:"Minimální rozměr je {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maximální rozměr je {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Rozlišení je příliš malé",imageValidateSizeLabelImageResolutionTooHigh:"Rozlišení je příliš velké",imageValidateSizeLabelExpectedMinResolution:"Minimální rozlišení je {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maximální rozlišení je {maxResolution}"},da_DK={labelIdle:'Træk & slip filer eller <span class = "filepond - label-action"> Gennemse </span>',labelInvalidField:"Felt indeholder ugyldige filer",labelFileWaitingForSize:"Venter på størrelse",labelFileSizeNotAvailable:"Størrelse ikke tilgængelig",labelFileLoading:"Loader",labelFileLoadError:"Load fejlede",labelFileProcessing:"Uploader",labelFileProcessingComplete:"Upload færdig",labelFileProcessingAborted:"Upload annulleret",labelFileProcessingError:"Upload fejlede",labelFileProcessingRevertError:"Fortryd fejlede",labelFileRemoveError:"Fjern fejlede",labelTapToCancel:"tryk for at annullere",labelTapToRetry:"tryk for at prøve igen",labelTapToUndo:"tryk for at fortryde",labelButtonRemoveItem:"Fjern",labelButtonAbortItemLoad:"Annuller",labelButtonRetryItemLoad:"Forsøg igen",labelButtonAbortItemProcessing:"Annuller",labelButtonUndoItemProcessing:"Fortryd",labelButtonRetryItemProcessing:"Prøv igen",labelButtonProcessItem:"Upload",labelMaxFileSizeExceeded:"Filen er for stor",labelMaxFileSize:"Maksimal filstørrelse er {filesize}",labelMaxTotalFileSizeExceeded:"Maksimal totalstørrelse overskredet",labelMaxTotalFileSize:"Maksimal total filstørrelse er {filesize}",labelFileTypeNotAllowed:"Ugyldig filtype",fileValidateTypeLabelExpectedTypes:"Forventer {allButLastType} eller {lastType}",imageValidateSizeLabelFormatError:"Ugyldigt format",imageValidateSizeLabelImageSizeTooSmall:"Billedet er for lille",imageValidateSizeLabelImageSizeTooBig:"Billedet er for stort",imageValidateSizeLabelExpectedMinSize:"Minimum størrelse er {minBredde} × {minHøjde}",imageValidateSizeLabelExpectedMaxSize:"Maksimal størrelse er {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"For lav opløsning",imageValidateSizeLabelImageResolutionTooHigh:"For høj opløsning",imageValidateSizeLabelExpectedMinResolution:"Minimum opløsning er {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maksimal opløsning er {maxResolution}"},de_DE={labelIdle:'Dateien ablegen oder <span class="filepond--label-action"> auswählen </span>',labelInvalidField:"Feld beinhaltet ungültige Dateien",labelFileWaitingForSize:"Dateigröße berechnen",labelFileSizeNotAvailable:"Dateigröße nicht verfügbar",labelFileLoading:"Laden",labelFileLoadError:"Fehler beim Laden",labelFileProcessing:"Upload läuft",labelFileProcessingComplete:"Upload abgeschlossen",labelFileProcessingAborted:"Upload abgebrochen",labelFileProcessingError:"Fehler beim Upload",labelFileProcessingRevertError:"Fehler beim Wiederherstellen",labelFileRemoveError:"Fehler beim Löschen",labelTapToCancel:"abbrechen",labelTapToRetry:"erneut versuchen",labelTapToUndo:"rückgängig",labelButtonRemoveItem:"Entfernen",labelButtonAbortItemLoad:"Verwerfen",labelButtonRetryItemLoad:"Erneut versuchen",labelButtonAbortItemProcessing:"Abbrechen",labelButtonUndoItemProcessing:"Rückgängig",labelButtonRetryItemProcessing:"Erneut versuchen",labelButtonProcessItem:"Upload",labelMaxFileSizeExceeded:"Datei ist zu groß",labelMaxFileSize:"Maximale Dateigröße: {filesize}",labelMaxTotalFileSizeExceeded:"Maximale gesamte Dateigröße überschritten",labelMaxTotalFileSize:"Maximale gesamte Dateigröße: {filesize}",labelFileTypeNotAllowed:"Dateityp ungültig",fileValidateTypeLabelExpectedTypes:"Erwartet {allButLastType} oder {lastType}",imageValidateSizeLabelFormatError:"Bildtyp nicht unterstützt",imageValidateSizeLabelImageSizeTooSmall:"Bild ist zu klein",imageValidateSizeLabelImageSizeTooBig:"Bild ist zu groß",imageValidateSizeLabelExpectedMinSize:"Mindestgröße: {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maximale Größe: {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Auflösung ist zu niedrig",imageValidateSizeLabelImageResolutionTooHigh:"Auflösung ist zu hoch",imageValidateSizeLabelExpectedMinResolution:"Mindestauflösung: {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maximale Auflösung: {maxResolution}"},el_EL={labelIdle:'Σύρετε τα αρχεία σας στο πλαίσιο ή <span class="filepond--label-action"> Επιλέξτε </span>',labelInvalidField:"Το πεδίο περιέχει μη έγκυρα αρχεία",labelFileWaitingForSize:"Σε αναμονή για το μέγεθος",labelFileSizeNotAvailable:"Μέγεθος μη διαθέσιμο",labelFileLoading:"Φόρτωση σε εξέλιξη",labelFileLoadError:"Σφάλμα κατά τη φόρτωση",labelFileProcessing:"Επεξεργασία",labelFileProcessingComplete:"Η επεξεργασία ολοκληρώθηκε",labelFileProcessingAborted:"Η επεξεργασία ακυρώθηκε",labelFileProcessingError:"Σφάλμα κατά την επεξεργασία",labelFileProcessingRevertError:"Σφάλμα κατά την επαναφορά",labelFileRemoveError:"Σφάλμα κατά την διαγραφή",labelTapToCancel:"πατήστε για ακύρωση",labelTapToRetry:"πατήστε για επανάληψη",labelTapToUndo:"πατήστε για αναίρεση",labelButtonRemoveItem:"Αφαίρεση",labelButtonAbortItemLoad:"Ακύρωση",labelButtonRetryItemLoad:"Επανάληψη",labelButtonAbortItemProcessing:"Ακύρωση",labelButtonUndoItemProcessing:"Αναίρεση",labelButtonRetryItemProcessing:"Επανάληψη",labelButtonProcessItem:"Μεταφόρτωση",labelMaxFileSizeExceeded:"Το αρχείο είναι πολύ μεγάλο",labelMaxFileSize:"Το μέγιστο μέγεθος αρχείου είναι {filesize}",labelMaxTotalFileSizeExceeded:"Υπέρβαση του μέγιστου συνολικού μεγέθους",labelMaxTotalFileSize:"Το μέγιστο συνολικό μέγεθος αρχείων είναι {filesize}",labelFileTypeNotAllowed:"Μη έγκυρος τύπος αρχείου",fileValidateTypeLabelExpectedTypes:"Τα αποδεκτά αρχεία είναι {allButLastType} ή {lastType}",imageValidateSizeLabelFormatError:"Ο τύπος της εικόνας δεν υποστηρίζεται",imageValidateSizeLabelImageSizeTooSmall:"Η εικόνα είναι πολύ μικρή",imageValidateSizeLabelImageSizeTooBig:"Η εικόνα είναι πολύ μεγάλη",imageValidateSizeLabelExpectedMinSize:"Το ελάχιστο αποδεκτό μέγεθος είναι {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Το μέγιστο αποδεκτό μέγεθος είναι {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Η ανάλυση της εικόνας είναι πολύ χαμηλή",imageValidateSizeLabelImageResolutionTooHigh:"Η ανάλυση της εικόνας είναι πολύ υψηλή",imageValidateSizeLabelExpectedMinResolution:"Η ελάχιστη αποδεκτή ανάλυση είναι {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Η μέγιστη αποδεκτή ανάλυση είναι {maxResolution}"},en_EN={labelIdle:'Drag & Drop your files or <span class="filepond--label-action"> Browse </span>',labelInvalidField:"Field contains invalid files",labelFileWaitingForSize:"Waiting for size",labelFileSizeNotAvailable:"Size not available",labelFileLoading:"Loading",labelFileLoadError:"Error during load",labelFileProcessing:"Uploading",labelFileProcessingComplete:"Upload complete",labelFileProcessingAborted:"Upload cancelled",labelFileProcessingError:"Error during upload",labelFileProcessingRevertError:"Error during revert",labelFileRemoveError:"Error during remove",labelTapToCancel:"tap to cancel",labelTapToRetry:"tap to retry",labelTapToUndo:"tap to undo",labelButtonRemoveItem:"Remove",labelButtonAbortItemLoad:"Abort",labelButtonRetryItemLoad:"Retry",labelButtonAbortItemProcessing:"Cancel",labelButtonUndoItemProcessing:"Undo",labelButtonRetryItemProcessing:"Retry",labelButtonProcessItem:"Upload",labelMaxFileSizeExceeded:"File is too large",labelMaxFileSize:"Maximum file size is {filesize}",labelMaxTotalFileSizeExceeded:"Maximum total size exceeded",labelMaxTotalFileSize:"Maximum total file size is {filesize}",labelFileTypeNotAllowed:"File of invalid type",fileValidateTypeLabelExpectedTypes:"Expects {allButLastType} or {lastType}",imageValidateSizeLabelFormatError:"Image type not supported",imageValidateSizeLabelImageSizeTooSmall:"Image is too small",imageValidateSizeLabelImageSizeTooBig:"Image is too big",imageValidateSizeLabelExpectedMinSize:"Minimum size is {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maximum size is {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Resolution is too low",imageValidateSizeLabelImageResolutionTooHigh:"Resolution is too high",imageValidateSizeLabelExpectedMinResolution:"Minimum resolution is {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maximum resolution is {maxResolution}"},es_ES={labelIdle:'Arrastra y suelta tus archivos o <span class = "filepond--label-action"> Examinar <span>',labelInvalidField:"El campo contiene archivos inválidos",labelFileWaitingForSize:"Esperando tamaño",labelFileSizeNotAvailable:"Tamaño no disponible",labelFileLoading:"Cargando",labelFileLoadError:"Error durante la carga",labelFileProcessing:"Cargando",labelFileProcessingComplete:"Carga completa",labelFileProcessingAborted:"Carga cancelada",labelFileProcessingError:"Error durante la carga",labelFileProcessingRevertError:"Error durante la reversión",labelFileRemoveError:"Error durante la eliminación",labelTapToCancel:"toca para cancelar",labelTapToRetry:"tocar para volver a intentar",labelTapToUndo:"tocar para deshacer",labelButtonRemoveItem:"Eliminar",labelButtonAbortItemLoad:"Abortar",labelButtonRetryItemLoad:"Reintentar",labelButtonAbortItemProcessing:"Cancelar",labelButtonUndoItemProcessing:"Deshacer",labelButtonRetryItemProcessing:"Reintentar",labelButtonProcessItem:"Cargar",labelMaxFileSizeExceeded:"El archivo es demasiado grande",labelMaxFileSize:"El tamaño máximo del archivo es {filesize}",labelMaxTotalFileSizeExceeded:"Tamaño total máximo excedido",labelMaxTotalFileSize:"El tamaño total máximo del archivo es {filesize}",labelFileTypeNotAllowed:"Archivo de tipo no válido",fileValidateTypeLabelExpectedTypes:"Espera {allButLastType} o {lastType}",imageValidateSizeLabelFormatError:"Tipo de imagen no compatible",imageValidateSizeLabelImageSizeTooSmall:"La imagen es demasiado pequeña",imageValidateSizeLabelImageSizeTooBig:"La imagen es demasiado grande",imageValidateSizeLabelExpectedMinSize:"El tamaño mínimo es {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"El tamaño máximo es {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"La resolución es demasiado baja",imageValidateSizeLabelImageResolutionTooHigh:"La resolución es demasiado alta",imageValidateSizeLabelExpectedMinResolution:"La resolución mínima es {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"La resolución máxima es {maxResolution}"},fa_IR={labelIdle:'فایل را اینجا بکشید و رها کنید، یا <span class="filepond--label-action"> جستجو کنید </span>',labelInvalidField:"فیلد دارای فایل های نامعتبر است",labelFileWaitingForSize:"Waiting for size",labelFileSizeNotAvailable:"حجم فایل مجاز نیست",labelFileLoading:"درحال بارگذاری",labelFileLoadError:"خطا در زمان اجرا",labelFileProcessing:"درحال بارگذاری",labelFileProcessingComplete:"بارگذاری کامل شد",labelFileProcessingAborted:"بارگذاری لغو شد",labelFileProcessingError:"خطا در زمان بارگذاری",labelFileProcessingRevertError:"خطا در زمان حذف",labelFileRemoveError:"خطا در زمان حذف",labelTapToCancel:"برای لغو ضربه بزنید",labelTapToRetry:"برای تکرار کلیک کنید",labelTapToUndo:"برای برگشت کلیک کنید",labelButtonRemoveItem:"حذف",labelButtonAbortItemLoad:"لغو",labelButtonRetryItemLoad:"تکرار",labelButtonAbortItemProcessing:"لغو",labelButtonUndoItemProcessing:"برگشت",labelButtonRetryItemProcessing:"تکرار",labelButtonProcessItem:"بارگذاری",labelMaxFileSizeExceeded:"فایل بسیار حجیم است",labelMaxFileSize:"حداکثر مجاز فایل {filesize} است",labelMaxTotalFileSizeExceeded:"از حداکثر حجم فایل بیشتر شد",labelMaxTotalFileSize:"حداکثر حجم فایل {filesize} است",labelFileTypeNotAllowed:"نوع فایل نامعتبر است",fileValidateTypeLabelExpectedTypes:"در انتظار {allButLastType} یا {lastType}",imageValidateSizeLabelFormatError:"فرمت تصویر پشتیبانی نمی شود",imageValidateSizeLabelImageSizeTooSmall:"تصویر بسیار کوچک است",imageValidateSizeLabelImageSizeTooBig:"تصویر بسیار بزرگ است",imageValidateSizeLabelExpectedMinSize:"حداقل اندازه {minWidth} × {minHeight} است",imageValidateSizeLabelExpectedMaxSize:"حداکثر اندازه {maxWidth} × {maxHeight} است",imageValidateSizeLabelImageResolutionTooLow:"وضوح تصویر بسیار کم است",imageValidateSizeLabelImageResolutionTooHigh:"وضوع تصویر بسیار زیاد است",imageValidateSizeLabelExpectedMinResolution:"حداقل وضوح تصویر {minResolution} است",imageValidateSizeLabelExpectedMaxResolution:"حداکثر وضوح تصویر {maxResolution} است"},fi_FI={labelIdle:'Vedä ja pudota tiedostoja tai <span class="filepond--label-action"> Selaa </span>',labelInvalidField:"Kentässä on virheellisiä tiedostoja",labelFileWaitingForSize:"Odotetaan kokoa",labelFileSizeNotAvailable:"Kokoa ei saatavilla",labelFileLoading:"Ladataan",labelFileLoadError:"Virhe latauksessa",labelFileProcessing:"Lähetetään",labelFileProcessingComplete:"Lähetys valmis",labelFileProcessingAborted:"Lähetys peruttu",labelFileProcessingError:"Virhe lähetyksessä",labelFileProcessingRevertError:"Virhe palautuksessa",labelFileRemoveError:"Virhe poistamisessa",labelTapToCancel:"peruuta napauttamalla",labelTapToRetry:"yritä uudelleen napauttamalla",labelTapToUndo:"kumoa napauttamalla",labelButtonRemoveItem:"Poista",labelButtonAbortItemLoad:"Keskeytä",labelButtonRetryItemLoad:"Yritä uudelleen",labelButtonAbortItemProcessing:"Peruuta",labelButtonUndoItemProcessing:"Kumoa",labelButtonRetryItemProcessing:"Yritä uudelleen",labelButtonProcessItem:"Lähetä",labelMaxFileSizeExceeded:"Tiedoston koko on liian suuri",labelMaxFileSize:"Tiedoston maksimikoko on {filesize}",labelMaxTotalFileSizeExceeded:"Tiedostojen yhdistetty maksimikoko ylitetty",labelMaxTotalFileSize:"Tiedostojen yhdistetty maksimikoko on {filesize}",labelFileTypeNotAllowed:"Tiedostotyyppiä ei sallita",fileValidateTypeLabelExpectedTypes:"Sallitaan {allButLastType} tai {lastType}",imageValidateSizeLabelFormatError:"Kuvatyyppiä ei tueta",imageValidateSizeLabelImageSizeTooSmall:"Kuva on liian pieni",imageValidateSizeLabelImageSizeTooBig:"Kuva on liian suuri",imageValidateSizeLabelExpectedMinSize:"Minimikoko on {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maksimikoko on {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Resoluutio on liian pieni",imageValidateSizeLabelImageResolutionTooHigh:"Resoluutio on liian suuri",imageValidateSizeLabelExpectedMinResolution:"Minimiresoluutio on {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maksimiresoluutio on {maxResolution}"},fr_FR={labelIdle:'Faites glisser vos fichiers ou <span class = "filepond--label-action"> Parcourir </span>',labelInvalidField:"Le champ contient des fichiers invalides",labelFileWaitingForSize:"En attente de taille",labelFileSizeNotAvailable:"Taille non disponible",labelFileLoading:"Chargement",labelFileLoadError:"Erreur durant le chargement",labelFileProcessing:"Traitement",labelFileProcessingComplete:"Traitement effectué",labelFileProcessingAborted:"Traitement interrompu",labelFileProcessingError:"Erreur durant le traitement",labelFileProcessingRevertError:"Erreur durant la restauration",labelFileRemoveError:"Erreur durant la suppression",labelTapToCancel:"appuyer pour annuler",labelTapToRetry:"appuyer pour réessayer",labelTapToUndo:"appuyer pour revenir en arrière",labelButtonRemoveItem:"Retirer",labelButtonAbortItemLoad:"Annuler",labelButtonRetryItemLoad:"Recommencer",labelButtonAbortItemProcessing:"Annuler",labelButtonUndoItemProcessing:"Revenir en arrière",labelButtonRetryItemProcessing:"Recommencer",labelButtonProcessItem:"Transférer",labelMaxFileSizeExceeded:"Le fichier est trop volumineux",labelMaxFileSize:"La taille maximale de fichier est {filesize}",labelMaxTotalFileSizeExceeded:"Taille totale maximale dépassée",labelMaxTotalFileSize:"La taille totale maximale des fichiers est {filesize}",labelFileTypeNotAllowed:"Fichier non valide",fileValidateTypeLabelExpectedTypes:"Attendu {allButLastType} ou {lastType}",imageValidateSizeLabelFormatError:"Type d'image non pris en charge",imageValidateSizeLabelImageSizeTooSmall:"L'image est trop petite",imageValidateSizeLabelImageSizeTooBig:"L'image est trop grande",imageValidateSizeLabelExpectedMinSize:"La taille minimale est {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"La taille maximale est {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"La résolution est trop faible",imageValidateSizeLabelImageResolutionTooHigh:"La résolution est trop élevée",imageValidateSizeLabelExpectedMinResolution:"La résolution minimale est {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"La résolution maximale est {maxResolution}"},he_HE={labelIdle:'גרור ושחרר את הקבצים כאן או <span class="filepond--label-action"> לחץ כאן לבחירה </span>',labelInvalidField:"קובץ לא חוקי",labelFileWaitingForSize:"מחשב את גודל הקבצים",labelFileSizeNotAvailable:"לא ניתן לקבוע את גודל הקבצים",labelFileLoading:"טוען...",labelFileLoadError:"שגיאה ארעה בעת טעינת הקבצים",labelFileProcessing:"מעלה את הקבצים",labelFileProcessingComplete:"העלאת הקבצים הסתיימה",labelFileProcessingAborted:"העלאת הקבצים בוטלה",labelFileProcessingError:"שגיאה ארעה בעת העלאת הקבצים",labelFileProcessingRevertError:"שגיאה ארעה בעת שחזור הקבצים",labelFileRemoveError:"שגיאה ארעה בעת הסרת הקובץ",labelTapToCancel:"הקלק לביטול",labelTapToRetry:"הקלק לנסות שנית",labelTapToUndo:"הקלק לשחזר",labelButtonRemoveItem:"הסר",labelButtonAbortItemLoad:"בטל",labelButtonRetryItemLoad:"טען שנית",labelButtonAbortItemProcessing:"בטל",labelButtonUndoItemProcessing:"שחזר",labelButtonRetryItemProcessing:"נסה שנית",labelButtonProcessItem:"העלה קובץ",labelMaxFileSizeExceeded:"הקובץ גדול מדי",labelMaxFileSize:"גודל המירבי המותר הוא: {filesize}",labelMaxTotalFileSizeExceeded:"גודל הקבצים חורג מהכמות המותרת",labelMaxTotalFileSize:"הגודל המירבי של סך הקבצים: {filesize}",labelFileTypeNotAllowed:"קובץ מסוג זה אינו מותר",fileValidateTypeLabelExpectedTypes:"הקבצים המותרים הם {allButLastType} או {lastType}",imageValidateSizeLabelFormatError:"תמונה בפורמט זה אינה נתמכת",imageValidateSizeLabelImageSizeTooSmall:"תמונה זו קטנה מדי",imageValidateSizeLabelImageSizeTooBig:"תמונה זו גדולה מדי",imageValidateSizeLabelExpectedMinSize:"הגודל צריך להיות לפחות: {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"הגודל המרבי המותר: {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"הרזולוציה של תמונה זו נמוכה מדי",imageValidateSizeLabelImageResolutionTooHigh:"הרזולוציה של תמונה זו גבוהה מדי",imageValidateSizeLabelExpectedMinResolution:"הרזולוציה צריכה להיות לפחות: {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"הרזולוציה המירבית המותרת היא: {maxResolution}"},hr_HR={labelIdle:'Ovdje "ispusti" datoteku ili <span class="filepond--label-action"> Pretraži </span>',labelInvalidField:"Polje sadrži neispravne datoteke",labelFileWaitingForSize:"Čekanje na veličinu datoteke",labelFileSizeNotAvailable:"Veličina datoteke nije dostupna",labelFileLoading:"Učitavanje",labelFileLoadError:"Greška tijekom učitavanja",labelFileProcessing:"Prijenos",labelFileProcessingComplete:"Prijenos završen",labelFileProcessingAborted:"Prijenos otkazan",labelFileProcessingError:"Greška tijekom prijenosa",labelFileProcessingRevertError:"Greška tijekom vraćanja",labelFileRemoveError:"Greška tijekom uklananja datoteke",labelTapToCancel:"Dodirni za prekid",labelTapToRetry:"Dodirni za ponovno",labelTapToUndo:"Dodirni za vraćanje",labelButtonRemoveItem:"Ukloni",labelButtonAbortItemLoad:"Odbaci",labelButtonRetryItemLoad:"Ponovi",labelButtonAbortItemProcessing:"Prekini",labelButtonUndoItemProcessing:"Vrati",labelButtonRetryItemProcessing:"Ponovi",labelButtonProcessItem:"Prijenos",labelMaxFileSizeExceeded:"Datoteka je prevelika",labelMaxFileSize:"Maksimalna veličina datoteke je {filesize}",labelMaxTotalFileSizeExceeded:"Maksimalna ukupna veličina datoteke prekoračena",labelMaxTotalFileSize:"Maksimalna ukupna veličina datoteke je {filesize}",labelFileTypeNotAllowed:"Tip datoteke nije podržan",fileValidateTypeLabelExpectedTypes:"Očekivan {allButLastType} ili {lastType}",imageValidateSizeLabelFormatError:"Tip slike nije podržan",imageValidateSizeLabelImageSizeTooSmall:"Slika je premala",imageValidateSizeLabelImageSizeTooBig:"Slika je prevelika",imageValidateSizeLabelExpectedMinSize:"Minimalna veličina je {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maksimalna veličina je {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Rezolucija je preniska",imageValidateSizeLabelImageResolutionTooHigh:"Rezolucija je previsoka",imageValidateSizeLabelExpectedMinResolution:"Minimalna rezolucija je {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maksimalna rezolucija je {maxResolution}"},hu_HU={labelIdle:'Mozgasd ide a fájlt a feltöltéshez, vagy <span class="filepond--label-action"> tallózás </span>',labelInvalidField:"A mező érvénytelen fájlokat tartalmaz",labelFileWaitingForSize:"Fáljméret kiszámolása",labelFileSizeNotAvailable:"A fájlméret nem elérhető",labelFileLoading:"Töltés",labelFileLoadError:"Hiba a betöltés során",labelFileProcessing:"Feltöltés",labelFileProcessingComplete:"Sikeres feltöltés",labelFileProcessingAborted:"A feltöltés megszakítva",labelFileProcessingError:"Hiba történt a feltöltés során",labelFileProcessingRevertError:"Hiba a visszaállítás során",labelFileRemoveError:"Hiba történt az eltávolítás során",labelTapToCancel:"koppints a törléshez",labelTapToRetry:"koppints az újrakezdéshez",labelTapToUndo:"koppints a visszavonáshoz",labelButtonRemoveItem:"Eltávolítás",labelButtonAbortItemLoad:"Megszakítás",labelButtonRetryItemLoad:"Újrapróbálkozás",labelButtonAbortItemProcessing:"Megszakítás",labelButtonUndoItemProcessing:"Visszavonás",labelButtonRetryItemProcessing:"Újrapróbálkozás",labelButtonProcessItem:"Feltöltés",labelMaxFileSizeExceeded:"A fájl túllépte a maximális méretet",labelMaxFileSize:"Maximális fájlméret: {filesize}",labelMaxTotalFileSizeExceeded:"Túllépte a maximális teljes méretet",labelMaxTotalFileSize:"A maximáis teljes fájlméret: {filesize}",labelFileTypeNotAllowed:"Érvénytelen típusú fájl",fileValidateTypeLabelExpectedTypes:"Engedélyezett típusok {allButLastType} vagy {lastType}",imageValidateSizeLabelFormatError:"A képtípus nem támogatott",imageValidateSizeLabelImageSizeTooSmall:"A kép túl kicsi",imageValidateSizeLabelImageSizeTooBig:"A kép túl nagy",imageValidateSizeLabelExpectedMinSize:"Minimum méret: {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maximum méret: {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"A felbontás túl alacsony",imageValidateSizeLabelImageResolutionTooHigh:"A felbontás túl magas",imageValidateSizeLabelExpectedMinResolution:"Minimáis felbontás: {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maximális felbontás: {maxResolution}"},id_ID={labelIdle:'Seret & Jatuhkan berkas Anda atau <span class="filepond--label-action">Jelajahi</span>',labelInvalidField:"Isian berisi berkas yang tidak valid",labelFileWaitingForSize:"Menunggu ukuran berkas",labelFileSizeNotAvailable:"Ukuran berkas tidak tersedia",labelFileLoading:"Memuat",labelFileLoadError:"Kesalahan saat memuat",labelFileProcessing:"Mengunggah",labelFileProcessingComplete:"Pengunggahan selesai",labelFileProcessingAborted:"Pengunggahan dibatalkan",labelFileProcessingError:"Kesalahan saat pengunggahan",labelFileProcessingRevertError:"Kesalahan saat pemulihan",labelFileRemoveError:"Kesalahan saat penghapusan",labelTapToCancel:"ketuk untuk membatalkan",labelTapToRetry:"ketuk untuk mencoba lagi",labelTapToUndo:"ketuk untuk mengurungkan",labelButtonRemoveItem:"Hapus",labelButtonAbortItemLoad:"Batalkan",labelButtonRetryItemLoad:"Coba Kembali",labelButtonAbortItemProcessing:"Batalkan",labelButtonUndoItemProcessing:"Urungkan",labelButtonRetryItemProcessing:"Coba Kembali",labelButtonProcessItem:"Unggah",labelMaxFileSizeExceeded:"Berkas terlalu besar",labelMaxFileSize:"Ukuran berkas maksimum adalah {filesize}",labelMaxTotalFileSizeExceeded:"Jumlah berkas maksimum terlampaui",labelMaxTotalFileSize:"Jumlah berkas maksimum adalah {filesize}",labelFileTypeNotAllowed:"Jenis berkas tidak valid",fileValidateTypeLabelExpectedTypes:"Mengharapkan {allButLastType} atau {lastType}",imageValidateSizeLabelFormatError:"Jenis citra tidak didukung",imageValidateSizeLabelImageSizeTooSmall:"Citra terlalu kecil",imageValidateSizeLabelImageSizeTooBig:"Citra terlalu besar",imageValidateSizeLabelExpectedMinSize:"Ukuran minimum adalah {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Ukuran maksimum adalah {minWidth} × {minHeight}",imageValidateSizeLabelImageResolutionTooLow:"Resolusi terlalu rendah",imageValidateSizeLabelImageResolutionTooHigh:"Resolusi terlalu tinggi",imageValidateSizeLabelExpectedMinResolution:"Resolusi minimum adalah {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Resolusi maksimum adalah {maxResolution}"},it_IT={labelIdle:'Trascina e rilascia i tuoi file oppure <span class = "filepond--label-action"> Carica <span>',labelInvalidField:"Il campo contiene dei file non validi",labelFileWaitingForSize:"Aspettando le dimensioni",labelFileSizeNotAvailable:"Dimensioni non disponibili",labelFileLoading:"Caricamento",labelFileLoadError:"Errore durante il caricamento",labelFileProcessing:"Caricamento",labelFileProcessingComplete:"Caricamento completato",labelFileProcessingAborted:"Caricamento cancellato",labelFileProcessingError:"Errore durante il caricamento",labelFileProcessingRevertError:"Errore durante il ripristino",labelFileRemoveError:"Errore durante l'eliminazione",labelTapToCancel:"tocca per cancellare",labelTapToRetry:"tocca per riprovare",labelTapToUndo:"tocca per ripristinare",labelButtonRemoveItem:"Elimina",labelButtonAbortItemLoad:"Cancella",labelButtonRetryItemLoad:"Ritenta",labelButtonAbortItemProcessing:"Camcella",labelButtonUndoItemProcessing:"Indietro",labelButtonRetryItemProcessing:"Ritenta",labelButtonProcessItem:"Carica",labelMaxFileSizeExceeded:"Il peso del file è eccessivo",labelMaxFileSize:"Il peso massimo del file è {filesize}",labelMaxTotalFileSizeExceeded:"Dimensione totale massima superata",labelMaxTotalFileSize:"La dimensione massima totale del file è {filesize}",labelFileTypeNotAllowed:"File non supportato",fileValidateTypeLabelExpectedTypes:"Aspetta {allButLastType} o {lastType}",imageValidateSizeLabelFormatError:"Tipo di immagine non compatibile",imageValidateSizeLabelImageSizeTooSmall:"L'immagine è troppo piccola",imageValidateSizeLabelImageSizeTooBig:"L'immagine è troppo grande",imageValidateSizeLabelExpectedMinSize:"La dimensione minima è {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"La dimensione massima è {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"La risoluzione è troppo bassa",imageValidateSizeLabelImageResolutionTooHigh:"La risoluzione è troppo alta",imageValidateSizeLabelExpectedMinResolution:"La risoluzione minima è {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"La risoluzione massima è {maxResolution}"},ja_JA={labelIdle:'ファイルをドラッグ&ドロップ又は<span class="filepond--label-action">ファイル選択</span>',labelInvalidField:"アップロードできないファイルが含まれています",labelFileWaitingForSize:"ファイルサイズを待っています",labelFileSizeNotAvailable:"ファイルサイズがみつかりません",labelFileLoading:"読込中...",labelFileLoadError:"読込中にエラーが発生",labelFileProcessing:"読込中...",labelFileProcessingComplete:"アップロード完了",labelFileProcessingAborted:"アップロードがキャンセルされました",labelFileProcessingError:"アップロード中にエラーが発生",labelFileProcessingRevertError:"ロールバック中にエラーが発生",labelFileRemoveError:"削除中にエラーが発生",labelTapToCancel:"クリックしてキャンセル",labelTapToRetry:"クリックしてもう一度お試し下さい",labelTapToUndo:"元に戻すにはタップします",labelButtonRemoveItem:"削除",labelButtonAbortItemLoad:"中断",labelButtonRetryItemLoad:"もう一度実行",labelButtonAbortItemProcessing:"キャンセル",labelButtonUndoItemProcessing:"元に戻す",labelButtonRetryItemProcessing:"もう一度実行",labelButtonProcessItem:"アップロード",labelMaxFileSizeExceeded:"ファイルサイズが大きすぎます",labelMaxFileSize:"最大ファイルサイズは {filesize} です",labelMaxTotalFileSizeExceeded:"最大合計サイズを超えました",labelMaxTotalFileSize:"最大合計ファイルサイズは {filesize} です",labelFileTypeNotAllowed:"無効なファイルです",fileValidateTypeLabelExpectedTypes:"サポートしているファイルは {allButLastType} 又は {lastType} です",imageValidateSizeLabelFormatError:"サポートしていない画像です",imageValidateSizeLabelImageSizeTooSmall:"画像が小さすぎます",imageValidateSizeLabelImageSizeTooBig:"画像が大きすぎます",imageValidateSizeLabelExpectedMinSize:"画像の最小サイズは{minWidth}×{minHeight}です",imageValidateSizeLabelExpectedMaxSize:"画像の最大サイズは{maxWidth} × {maxHeight}です",imageValidateSizeLabelImageResolutionTooLow:"画像の解像度が低すぎます",imageValidateSizeLabelImageResolutionTooHigh:"画像の解像度が高すぎます",imageValidateSizeLabelExpectedMinResolution:"画像の最小解像度は{minResolution}です",imageValidateSizeLabelExpectedMaxResolution:"画像の最大解像度は{maxResolution}です"},km_KM={labelIdle:'ទាញ&ដាក់ហ្វាល់ឯកសាររបស់អ្នក ឬ <span class="filepond--label-action"> ស្វែងរក </span>',labelInvalidField:"ចន្លោះមានឯកសារមិនត្រឹមត្រូវ",labelFileWaitingForSize:"កំពុងរង់ចាំទំហំ",labelFileSizeNotAvailable:"ទំហំមិនអាចប្រើបាន",labelFileLoading:"កំពុងដំណើរការ",labelFileLoadError:"មានបញ្ហាកំឡុងពេលដំណើរការ",labelFileProcessing:"កំពុងផ្ទុកឡើង",labelFileProcessingComplete:"ការផ្ទុកឡើងពេញលេញ",labelFileProcessingAborted:"ការបង្ហោះត្រូវបានបោះបង់",labelFileProcessingError:"មានបញ្ហាកំឡុងពេលកំពុងផ្ទុកឡើង",labelFileProcessingRevertError:"មានបញ្ហាកំឡុងពេលត្រឡប់",labelFileRemoveError:"មានបញ្ហាកំឡុងពេលដកចេញ",labelTapToCancel:"ចុចដើម្បីបោះបង់",labelTapToRetry:"ចុចដើម្បីព្យាយាមម្តងទៀត",labelTapToUndo:"ចុចដើម្បីមិនធ្វើវិញ",labelButtonRemoveItem:"យកចេញ",labelButtonAbortItemLoad:"បោះបង់",labelButtonRetryItemLoad:"ព្យាយាមម្តងទៀត",labelButtonAbortItemProcessing:"បោះបង់",labelButtonUndoItemProcessing:"មិនធ្វើវិញ",labelButtonRetryItemProcessing:"ព្យាយាមម្តងទៀត",labelButtonProcessItem:"ផ្ទុកឡើង",labelMaxFileSizeExceeded:"ឯកសារធំពេក",labelMaxFileSize:"ទំហំឯកសារអតិបរមាគឺ {filesize}",labelMaxTotalFileSizeExceeded:"លើសទំហំសរុបអតិបរមា",labelMaxTotalFileSize:"ទំហំឯកសារសរុបអតិបរមាគឺ {filesize}",labelFileTypeNotAllowed:"ប្រភេទឯកសារមិនត្រឹមត្រូវ",fileValidateTypeLabelExpectedTypes:"រំពឹងថា {allButLastType} ឬ {lastType}",imageValidateSizeLabelFormatError:"ប្រភេទរូបភាពមិនត្រឹមត្រូវ",imageValidateSizeLabelImageSizeTooSmall:"រូបភាពតូចពេក",imageValidateSizeLabelImageSizeTooBig:"រូបភាពធំពេក",imageValidateSizeLabelExpectedMinSize:"ទំហំអប្បបរមាគឺ {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"ទំហំអតិបរមាគឺ {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"គុណភាពបង្ហាញទាបពេក",imageValidateSizeLabelImageResolutionTooHigh:"គុណភាពបង្ហាញខ្ពស់ពេក",imageValidateSizeLabelExpectedMinResolution:"គុណភាពបង្ហាញអប្បបរមាគឺ {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"គុណភាពបង្ហាញអតិបរមាគឺ {maxResolution}"},lt_LT={labelIdle:'Įdėkite failus čia arba <span class="filepond--label-action"> Ieškokite </span>',labelInvalidField:"Laukelis talpina netinkamus failus",labelFileWaitingForSize:"Laukiama dydžio",labelFileSizeNotAvailable:"Dydis nežinomas",labelFileLoading:"Kraunama",labelFileLoadError:"Klaida įkeliant",labelFileProcessing:"Įkeliama",labelFileProcessingComplete:"Įkėlimas sėkmingas",labelFileProcessingAborted:"Įkėlimas atšauktas",labelFileProcessingError:"Įkeliant įvyko klaida",labelFileProcessingRevertError:"Atšaukiant įvyko klaida",labelFileRemoveError:"Ištrinant įvyko klaida",labelTapToCancel:"Palieskite norėdami atšaukti",labelTapToRetry:"Palieskite norėdami pakartoti",labelTapToUndo:"Palieskite norėdami atšaukti",labelButtonRemoveItem:"Ištrinti",labelButtonAbortItemLoad:"Sustabdyti",labelButtonRetryItemLoad:"Pakartoti",labelButtonAbortItemProcessing:"Atšaukti",labelButtonUndoItemProcessing:"Atšaukti",labelButtonRetryItemProcessing:"Pakartoti",labelButtonProcessItem:"Įkelti",labelMaxFileSizeExceeded:"Failas per didelis",labelMaxFileSize:"Maksimalus failo dydis yra {filesize}",labelMaxTotalFileSizeExceeded:"Viršijote maksimalų leistiną dydį",labelMaxTotalFileSize:"Maksimalus leistinas dydis yra {filesize}",labelFileTypeNotAllowed:"Netinkamas failas",fileValidateTypeLabelExpectedTypes:"Tikisi {allButLastType} arba {lastType}",imageValidateSizeLabelFormatError:"Nuotraukos formatas nepalaikomas",imageValidateSizeLabelImageSizeTooSmall:"Nuotrauka per maža",imageValidateSizeLabelImageSizeTooBig:"Nuotrauka per didelė",imageValidateSizeLabelExpectedMinSize:"Minimalus dydis yra {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maksimalus dydis yra {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Rezoliucija per maža",imageValidateSizeLabelImageResolutionTooHigh:"Rezoliucija per didelė",imageValidateSizeLabelExpectedMinResolution:"Minimali rezoliucija yra {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maksimali rezoliucija yra {maxResolution}"},nl_NL={labelIdle:'Drag & Drop je bestanden of <span class="filepond--label-action"> Bladeren </span>',labelInvalidField:"Veld bevat ongeldige bestanden",labelFileWaitingForSize:"Wachten op grootte",labelFileSizeNotAvailable:"Grootte niet beschikbaar",labelFileLoading:"Laden",labelFileLoadError:"Fout tijdens laden",labelFileProcessing:"Uploaden",labelFileProcessingComplete:"Upload afgerond",labelFileProcessingAborted:"Upload geannuleerd",labelFileProcessingError:"Fout tijdens upload",labelFileProcessingRevertError:"Fout bij herstellen",labelFileRemoveError:"Fout bij verwijderen",labelTapToCancel:"tik om te annuleren",labelTapToRetry:"tik om opnieuw te proberen",labelTapToUndo:"tik om ongedaan te maken",labelButtonRemoveItem:"Verwijderen",labelButtonAbortItemLoad:"Afbreken",labelButtonRetryItemLoad:"Opnieuw proberen",labelButtonAbortItemProcessing:"Annuleren",labelButtonUndoItemProcessing:"Ongedaan maken",labelButtonRetryItemProcessing:"Opnieuw proberen",labelButtonProcessItem:"Upload",labelMaxFileSizeExceeded:"Bestand is te groot",labelMaxFileSize:"Maximale bestandsgrootte is {filesize}",labelMaxTotalFileSizeExceeded:"Maximale totale grootte overschreden",labelMaxTotalFileSize:"Maximale totale bestandsgrootte is {filesize}",labelFileTypeNotAllowed:"Ongeldig bestandstype",fileValidateTypeLabelExpectedTypes:"Verwacht {allButLastType} of {lastType}",imageValidateSizeLabelFormatError:"Afbeeldingstype niet ondersteund",imageValidateSizeLabelImageSizeTooSmall:"Afbeelding is te klein",imageValidateSizeLabelImageSizeTooBig:"Afbeelding is te groot",imageValidateSizeLabelExpectedMinSize:"Minimale afmeting is {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maximale afmeting is {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Resolutie is te laag",imageValidateSizeLabelImageResolutionTooHigh:"Resolution is too high",imageValidateSizeLabelExpectedMinResolution:"Minimale resolutie is {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maximale resolutie is {maxResolution}"},no_NB={labelIdle:'Dra og slipp filene dine, eller <span class="filepond--label-action"> Bla gjennom... </span>',labelInvalidField:"Feltet inneholder ugyldige filer",labelFileWaitingForSize:"Venter på størrelse",labelFileSizeNotAvailable:"Størrelse ikke tilgjengelig",labelFileLoading:"Laster",labelFileLoadError:"Feil under lasting",labelFileProcessing:"Laster opp",labelFileProcessingComplete:"Opplasting ferdig",labelFileProcessingAborted:"Opplasting avbrutt",labelFileProcessingError:"Feil under opplasting",labelFileProcessingRevertError:"Feil under reversering",labelFileRemoveError:"Feil under flytting",labelTapToCancel:"klikk for å avbryte",labelTapToRetry:"klikk for å prøve på nytt",labelTapToUndo:"klikk for å angre",labelButtonRemoveItem:"Fjern",labelButtonAbortItemLoad:"Avbryt",labelButtonRetryItemLoad:"Prøv på nytt",labelButtonAbortItemProcessing:"Avbryt",labelButtonUndoItemProcessing:"Angre",labelButtonRetryItemProcessing:"Prøv på nytt",labelButtonProcessItem:"Last opp",labelMaxFileSizeExceeded:"Filen er for stor",labelMaxFileSize:"Maksimal filstørrelse er {filesize}",labelMaxTotalFileSizeExceeded:"Maksimal total størrelse oversteget",labelMaxTotalFileSize:"Maksimal total størrelse er {filesize}",labelFileTypeNotAllowed:"Ugyldig filtype",fileValidateTypeLabelExpectedTypes:"Forventer {allButLastType} eller {lastType}",imageValidateSizeLabelFormatError:"Bildeformat ikke støttet",imageValidateSizeLabelImageSizeTooSmall:"Bildet er for lite",imageValidateSizeLabelImageSizeTooBig:"Bildet er for stort",imageValidateSizeLabelExpectedMinSize:"Minimumsstørrelse er {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maksimumsstørrelse er {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Oppløsningen er for lav",imageValidateSizeLabelImageResolutionTooHigh:"Oppløsningen er for høy",imageValidateSizeLabelExpectedMinResolution:"Minimum oppløsning er {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maksimal oppløsning er {maxResolution}"},pl_PL={labelIdle:'Przeciągnij i upuść lub <span class="filepond--label-action">wybierz</span> pliki',labelInvalidField:"Nieprawidłowe pliki",labelFileWaitingForSize:"Pobieranie rozmiaru",labelFileSizeNotAvailable:"Nieznany rozmiar",labelFileLoading:"Wczytywanie",labelFileLoadError:"Błąd wczytywania",labelFileProcessing:"Przesyłanie",labelFileProcessingComplete:"Przesłano",labelFileProcessingAborted:"Przerwano",labelFileProcessingError:"Przesyłanie nie powiodło się",labelFileProcessingRevertError:"Coś poszło nie tak",labelFileRemoveError:"Nieudane usunięcie",labelTapToCancel:"Anuluj",labelTapToRetry:"Ponów",labelTapToUndo:"Cofnij",labelButtonRemoveItem:"Usuń",labelButtonAbortItemLoad:"Przerwij",labelButtonRetryItemLoad:"Ponów",labelButtonAbortItemProcessing:"Anuluj",labelButtonUndoItemProcessing:"Cofnij",labelButtonRetryItemProcessing:"Ponów",labelButtonProcessItem:"Prześlij",labelMaxFileSizeExceeded:"Plik jest zbyt duży",labelMaxFileSize:"Dopuszczalna wielkość pliku to {filesize}",labelMaxTotalFileSizeExceeded:"Przekroczono łączny rozmiar plików",labelMaxTotalFileSize:"Łączny rozmiar plików nie może przekroczyć {filesize}",labelFileTypeNotAllowed:"Niedozwolony rodzaj pliku",fileValidateTypeLabelExpectedTypes:"Oczekiwano {allButLastType} lub {lastType}",imageValidateSizeLabelFormatError:"Nieobsługiwany format obrazu",imageValidateSizeLabelImageSizeTooSmall:"Obraz jest zbyt mały",imageValidateSizeLabelImageSizeTooBig:"Obraz jest zbyt duży",imageValidateSizeLabelExpectedMinSize:"Minimalne wymiary obrazu to {minWidth}×{minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maksymalna wymiary obrazu to {maxWidth}×{maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Rozdzielczość jest zbyt niska",imageValidateSizeLabelImageResolutionTooHigh:"Rozdzielczość jest zbyt wysoka",imageValidateSizeLabelExpectedMinResolution:"Minimalna rozdzielczość to {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maksymalna rozdzielczość to {maxResolution}"},pt_BR={labelIdle:'Arraste e solte os arquivos ou <span class="filepond--label-action"> Clique aqui </span>',labelInvalidField:"Arquivos inválidos",labelFileWaitingForSize:"Calculando o tamanho do arquivo",labelFileSizeNotAvailable:"Tamanho do arquivo indisponível",labelFileLoading:"Carregando",labelFileLoadError:"Erro durante o carregamento",labelFileProcessing:"Enviando",labelFileProcessingComplete:"Envio finalizado",labelFileProcessingAborted:"Envio cancelado",labelFileProcessingError:"Erro durante o envio",labelFileProcessingRevertError:"Erro ao reverter o envio",labelFileRemoveError:"Erro ao remover o arquivo",labelTapToCancel:"clique para cancelar",labelTapToRetry:"clique para reenviar",labelTapToUndo:"clique para desfazer",labelButtonRemoveItem:"Remover",labelButtonAbortItemLoad:"Abortar",labelButtonRetryItemLoad:"Reenviar",labelButtonAbortItemProcessing:"Cancelar",labelButtonUndoItemProcessing:"Desfazer",labelButtonRetryItemProcessing:"Reenviar",labelButtonProcessItem:"Enviar",labelMaxFileSizeExceeded:"Arquivo é muito grande",labelMaxFileSize:"O tamanho máximo permitido: {filesize}",labelMaxTotalFileSizeExceeded:"Tamanho total dos arquivos excedido",labelMaxTotalFileSize:"Tamanho total permitido: {filesize}",labelFileTypeNotAllowed:"Tipo de arquivo inválido",fileValidateTypeLabelExpectedTypes:"Tipos de arquivo suportados são {allButLastType} ou {lastType}",imageValidateSizeLabelFormatError:"Tipo de imagem inválida",imageValidateSizeLabelImageSizeTooSmall:"Imagem muito pequena",imageValidateSizeLabelImageSizeTooBig:"Imagem muito grande",imageValidateSizeLabelExpectedMinSize:"Tamanho mínimo permitida: {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Tamanho máximo permitido: {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Resolução muito baixa",imageValidateSizeLabelImageResolutionTooHigh:"Resolução muito alta",imageValidateSizeLabelExpectedMinResolution:"Resolução mínima permitida: {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Resolução máxima permitida: {maxResolution}"},pt_PT={labelIdle:'Arraste & Largue os ficheiros ou <span class="filepond--label-action"> Seleccione </span>',labelInvalidField:"O campo contém ficheios inválidos",labelFileWaitingForSize:"A aguardar tamanho",labelFileSizeNotAvailable:"Tamanho não disponível",labelFileLoading:"A carregar",labelFileLoadError:"Erro ao carregar",labelFileProcessing:"A carregar",labelFileProcessingComplete:"Carregamento completo",labelFileProcessingAborted:"Carregamento cancelado",labelFileProcessingError:"Erro ao carregar",labelFileProcessingRevertError:"Erro ao reverter",labelFileRemoveError:"Erro ao remover",labelTapToCancel:"carregue para cancelar",labelTapToRetry:"carregue para tentar novamente",labelTapToUndo:"carregue para desfazer",labelButtonRemoveItem:"Remover",labelButtonAbortItemLoad:"Abortar",labelButtonRetryItemLoad:"Tentar novamente",labelButtonAbortItemProcessing:"Cancelar",labelButtonUndoItemProcessing:"Desfazer",labelButtonRetryItemProcessing:"Tentar novamente",labelButtonProcessItem:"Carregar",labelMaxFileSizeExceeded:"Ficheiro demasiado grande",labelMaxFileSize:"O tamanho máximo do ficheiro é de {filesize}",labelMaxTotalFileSizeExceeded:"Tamanho máximo total excedido",labelMaxTotalFileSize:"O tamanho máximo total do ficheiro é de {filesize}",labelFileTypeNotAllowed:"Tipo de ficheiro inválido",fileValidateTypeLabelExpectedTypes:"É esperado {allButLastType} ou {lastType}",imageValidateSizeLabelFormatError:"Tipo de imagem não suportada",imageValidateSizeLabelImageSizeTooSmall:"A imagem é demasiado pequena",imageValidateSizeLabelImageSizeTooBig:"A imagem é demasiado grande",imageValidateSizeLabelExpectedMinSize:"O tamanho mínimo é de {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"O tamanho máximo é de {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"A resolução é demasiado baixa",imageValidateSizeLabelImageResolutionTooHigh:"A resolução é demasiado grande",imageValidateSizeLabelExpectedMinResolution:"A resolução mínima é de {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"A resolução máxima é de {maxResolution}"},ro_RO={labelIdle:'Trage și plasează fișiere sau <span class="filepond--label-action"> Caută-le </span>',labelInvalidField:"Câmpul conține fișiere care nu sunt valide",labelFileWaitingForSize:"În așteptarea dimensiunii",labelFileSizeNotAvailable:"Dimensiunea nu este diponibilă",labelFileLoading:"Se încarcă",labelFileLoadError:"Eroare la încărcare",labelFileProcessing:"Se încarcă",labelFileProcessingComplete:"Încărcare finalizată",labelFileProcessingAborted:"Încărcare anulată",labelFileProcessingError:"Eroare la încărcare",labelFileProcessingRevertError:"Eroare la anulare",labelFileRemoveError:"Eroare la ştergere",labelTapToCancel:"apasă pentru a anula",labelTapToRetry:"apasă pentru a reîncerca",labelTapToUndo:"apasă pentru a anula",labelButtonRemoveItem:"Şterge",labelButtonAbortItemLoad:"Anulează",labelButtonRetryItemLoad:"Reîncearcă",labelButtonAbortItemProcessing:"Anulează",labelButtonUndoItemProcessing:"Anulează",labelButtonRetryItemProcessing:"Reîncearcă",labelButtonProcessItem:"Încarcă",labelMaxFileSizeExceeded:"Fișierul este prea mare",labelMaxFileSize:"Dimensiunea maximă a unui fișier este de {filesize}",labelMaxTotalFileSizeExceeded:"Dimensiunea totală maximă a fost depășită",labelMaxTotalFileSize:"Dimensiunea totală maximă a fișierelor este de {filesize}",labelFileTypeNotAllowed:"Tipul fișierului nu este valid",fileValidateTypeLabelExpectedTypes:"Se așteaptă {allButLastType} sau {lastType}",imageValidateSizeLabelFormatError:"Formatul imaginii nu este acceptat",imageValidateSizeLabelImageSizeTooSmall:"Imaginea este prea mică",imageValidateSizeLabelImageSizeTooBig:"Imaginea este prea mare",imageValidateSizeLabelExpectedMinSize:"Mărimea minimă este de {maxWidth} x {maxHeight}",imageValidateSizeLabelExpectedMaxSize:"Mărimea maximă este de {maxWidth} x {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Rezoluția este prea mică",imageValidateSizeLabelImageResolutionTooHigh:"Rezoluția este prea mare",imageValidateSizeLabelExpectedMinResolution:"Rezoluția minimă este de {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Rezoluția maximă este de {maxResolution}"},ru_RU={labelIdle:'Перетащите файлы или <span class="filepond--label-action"> выберите </span>',labelInvalidField:"Поле содержит недопустимые файлы",labelFileWaitingForSize:"Укажите размер",labelFileSizeNotAvailable:"Размер не поддерживается",labelFileLoading:"Ожидание",labelFileLoadError:"Ошибка при ожидании",labelFileProcessing:"Загрузка",labelFileProcessingComplete:"Загрузка завершена",labelFileProcessingAborted:"Загрузка отменена",labelFileProcessingError:"Ошибка при загрузке",labelFileProcessingRevertError:"Ошибка при возврате",labelFileRemoveError:"Ошибка при удалении",labelTapToCancel:"нажмите для отмены",labelTapToRetry:"нажмите, чтобы повторить попытку",labelTapToUndo:"нажмите для отмены последнего действия",labelButtonRemoveItem:"Удалить",labelButtonAbortItemLoad:"Прекращено",labelButtonRetryItemLoad:"Повторите попытку",labelButtonAbortItemProcessing:"Отмена",labelButtonUndoItemProcessing:"Отмена последнего действия",labelButtonRetryItemProcessing:"Повторите попытку",labelButtonProcessItem:"Загрузка",labelMaxFileSizeExceeded:"Файл слишком большой",labelMaxFileSize:"Максимальный размер файла: {filesize}",labelMaxTotalFileSizeExceeded:"Превышен максимальный размер",labelMaxTotalFileSize:"Максимальный размер файла: {filesize}",labelFileTypeNotAllowed:"Файл неверного типа",fileValidateTypeLabelExpectedTypes:"Ожидается {allButLastType} или {lastType}",imageValidateSizeLabelFormatError:"Тип изображения не поддерживается",imageValidateSizeLabelImageSizeTooSmall:"Изображение слишком маленькое",imageValidateSizeLabelImageSizeTooBig:"Изображение слишком большое",imageValidateSizeLabelExpectedMinSize:"Минимальный размер: {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Максимальный размер: {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Разрешение слишком низкое",imageValidateSizeLabelImageResolutionTooHigh:"Разрешение слишком высокое",imageValidateSizeLabelExpectedMinResolution:"Минимальное разрешение: {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Максимальное разрешение: {maxResolution}"},sk_SK={labelIdle:'Natiahnúť súbor (drag&drop) alebo <span class="filepond--label-action"> Vyhľadať </span>',labelInvalidField:"Pole obsahuje chybné súbory",labelFileWaitingForSize:"Zisťuje sa veľkosť",labelFileSizeNotAvailable:"Neznáma veľkosť",labelFileLoading:"Prenáša sa",labelFileLoadError:"Chyba pri prenose",labelFileProcessing:"Prebieha upload",labelFileProcessingComplete:"Upload dokončený",labelFileProcessingAborted:"Upload stornovaný",labelFileProcessingError:"Chyba pri uploade",labelFileProcessingRevertError:"Chyba pri obnove",labelFileRemoveError:"Chyba pri odstránení",labelTapToCancel:"Kliknite pre storno",labelTapToRetry:"Kliknite pre opakovanie",labelTapToUndo:"Kliknite pre vrátenie",labelButtonRemoveItem:"Odstrániť",labelButtonAbortItemLoad:"Storno",labelButtonRetryItemLoad:"Opakovať",labelButtonAbortItemProcessing:"Späť",labelButtonUndoItemProcessing:"Vrátiť",labelButtonRetryItemProcessing:"Opakovať",labelButtonProcessItem:"Upload",labelMaxFileSizeExceeded:"Súbor je príliš veľký",labelMaxFileSize:"Najväčšia veľkosť súboru je {filesize}",labelMaxTotalFileSizeExceeded:"Prekročená maximálna celková veľkosť súboru",labelMaxTotalFileSize:"Maximálna celková veľkosť súboru je {filesize}",labelFileTypeNotAllowed:"Súbor je nesprávneho typu",fileValidateTypeLabelExpectedTypes:"Očakáva sa {allButLastType} alebo {lastType}",imageValidateSizeLabelFormatError:"Obrázok tohto typu nie je podporovaný",imageValidateSizeLabelImageSizeTooSmall:"Obrázok je príliš malý",imageValidateSizeLabelImageSizeTooBig:"Obrázok je príliš veľký",imageValidateSizeLabelExpectedMinSize:"Minimálny rozmer je {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maximálny rozmer je {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Rozlíšenie je príliš malé",imageValidateSizeLabelImageResolutionTooHigh:"Rozlišenie je príliš veľké",imageValidateSizeLabelExpectedMinResolution:"Minimálne rozlíšenie je {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maximálne rozlíšenie je {maxResolution}"},sv_SE={labelIdle:'Drag och släpp dina filer eller <span class="filepond--label-action"> Bläddra </span>',labelInvalidField:"Fältet innehåller felaktiga filer",labelFileWaitingForSize:"Väntar på storlek",labelFileSizeNotAvailable:"Storleken finns inte tillgänglig",labelFileLoading:"Laddar",labelFileLoadError:"Fel under laddning",labelFileProcessing:"Laddar upp",labelFileProcessingComplete:"Uppladdning klar",labelFileProcessingAborted:"Uppladdning avbruten",labelFileProcessingError:"Fel under uppladdning",labelFileProcessingRevertError:"Fel under återställning",labelFileRemoveError:"Fel under borttagning",labelTapToCancel:"tryck för att avbryta",labelTapToRetry:"tryck för att försöka igen",labelTapToUndo:"tryck för att ångra",labelButtonRemoveItem:"Tabort",labelButtonAbortItemLoad:"Avbryt",labelButtonRetryItemLoad:"Försök igen",labelButtonAbortItemProcessing:"Avbryt",labelButtonUndoItemProcessing:"Ångra",labelButtonRetryItemProcessing:"Försök igen",labelButtonProcessItem:"Ladda upp",labelMaxFileSizeExceeded:"Filen är för stor",labelMaxFileSize:"Största tillåtna filstorlek är {filesize}",labelMaxTotalFileSizeExceeded:"Maximal uppladdningsstorlek uppnåd",labelMaxTotalFileSize:"Maximal uppladdningsstorlek är {filesize}",labelFileTypeNotAllowed:"Felaktig filtyp",fileValidateTypeLabelExpectedTypes:"Godkända filtyper {allButLastType} eller {lastType}",imageValidateSizeLabelFormatError:"Bildtypen saknar stöd",imageValidateSizeLabelImageSizeTooSmall:"Bilden är för liten",imageValidateSizeLabelImageSizeTooBig:"Bilden är för stor",imageValidateSizeLabelExpectedMinSize:"Minimal storlek är {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maximal storlek är {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Upplösningen är för låg",imageValidateSizeLabelImageResolutionTooHigh:"Upplösningen är för hög",imageValidateSizeLabelExpectedMinResolution:"Minsta tillåtna upplösning är {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Högsta tillåtna upplösning är {maxResolution}"},tr_TR={labelIdle:'Dosyanızı Sürükleyin & Bırakın ya da <span class="filepond--label-action"> Seçin </span>',labelInvalidField:"Alan geçersiz dosyalar içeriyor",labelFileWaitingForSize:"Boyut hesaplanıyor",labelFileSizeNotAvailable:"Boyut mevcut değil",labelFileLoading:"Yükleniyor",labelFileLoadError:"Yükleme sırasında hata oluştu",labelFileProcessing:"Yükleniyor",labelFileProcessingComplete:"Yükleme tamamlandı",labelFileProcessingAborted:"Yükleme iptal edildi",labelFileProcessingError:"Yüklerken hata oluştu",labelFileProcessingRevertError:"Geri çekerken hata oluştu",labelFileRemoveError:"Kaldırırken hata oluştu",labelTapToCancel:"İptal etmek için tıklayın",labelTapToRetry:"Tekrar denemek için tıklayın",labelTapToUndo:"Geri almak için tıklayın",labelButtonRemoveItem:"Kaldır",labelButtonAbortItemLoad:"İptal Et",labelButtonRetryItemLoad:"Tekrar dene",labelButtonAbortItemProcessing:"İptal et",labelButtonUndoItemProcessing:"Geri Al",labelButtonRetryItemProcessing:"Tekrar dene",labelButtonProcessItem:"Yükle",labelMaxFileSizeExceeded:"Dosya çok büyük",labelMaxFileSize:"En fazla dosya boyutu: {filesize}",labelMaxTotalFileSizeExceeded:"Maximum boyut aşıldı",labelMaxTotalFileSize:"Maximum dosya boyutu :{filesize}",labelFileTypeNotAllowed:"Geçersiz dosya tipi",fileValidateTypeLabelExpectedTypes:"Şu {allButLastType} ya da şu dosya olması gerekir: {lastType}",imageValidateSizeLabelFormatError:"Resim tipi desteklenmiyor",imageValidateSizeLabelImageSizeTooSmall:"Resim çok küçük",imageValidateSizeLabelImageSizeTooBig:"Resim çok büyük",imageValidateSizeLabelExpectedMinSize:"Minimum boyut {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Maximum boyut {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Çözünürlük çok düşük",imageValidateSizeLabelImageResolutionTooHigh:"Çözünürlük çok yüksek",imageValidateSizeLabelExpectedMinResolution:"Minimum çözünürlük {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Maximum çözünürlük {maxResolution}"},uk_UA={labelIdle:'Перетягніть файли або <span class="filepond--label-action"> виберіть </span>',labelInvalidField:"Поле містить недопустимі файли",labelFileWaitingForSize:"Вкажіть розмір",labelFileSizeNotAvailable:"Розмір не доступний",labelFileLoading:"Очікування",labelFileLoadError:"Помилка при очікуванні",labelFileProcessing:"Завантаження",labelFileProcessingComplete:"Завантаження завершено",labelFileProcessingAborted:"Завантаження скасовано",labelFileProcessingError:"Помилка при завантаженні",labelFileProcessingRevertError:"Помилка при відновленні",labelFileRemoveError:"Помилка при видаленні",labelTapToCancel:"Відмінити",labelTapToRetry:"Натисніть, щоб повторити спробу",labelTapToUndo:"Натисніть, щоб відмінити останню дію",labelButtonRemoveItem:"Видалити",labelButtonAbortItemLoad:"Відмінити",labelButtonRetryItemLoad:"Повторити спробу",labelButtonAbortItemProcessing:"Відмінити",labelButtonUndoItemProcessing:"Відмінити останню дію",labelButtonRetryItemProcessing:"Повторити спробу",labelButtonProcessItem:"Завантаження",labelMaxFileSizeExceeded:"Файл занадто великий",labelMaxFileSize:"Максимальний розмір файлу: {filesize}",labelMaxTotalFileSizeExceeded:"Перевищено максимальний загальний розмір",labelMaxTotalFileSize:"Максимальний загальний розмір: {filesize}",labelFileTypeNotAllowed:"Формат файлу не підтримується",fileValidateTypeLabelExpectedTypes:"Очікується {allButLastType} або {lastType}",imageValidateSizeLabelFormatError:"Формат зображення не підтримується",imageValidateSizeLabelImageSizeTooSmall:"Зображення занадто маленьке",imageValidateSizeLabelImageSizeTooBig:"Зображення занадто велике",imageValidateSizeLabelExpectedMinSize:"Мінімальний розмір: {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Максимальний розмір: {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Розміри зображення занадто маленькі",imageValidateSizeLabelImageResolutionTooHigh:"Розміри зображення занадто великі",imageValidateSizeLabelExpectedMinResolution:"Мінімальні розміри: {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Максимальні розміри: {maxResolution}"},vi_VI={labelIdle:'Kéo thả tệp của bạn hoặc <span class="filepond--label-action"> Tìm kiếm </span>',labelInvalidField:"Trường chứa các tệp không hợp lệ",labelFileWaitingForSize:"Đang chờ kích thước",labelFileSizeNotAvailable:"Kích thước không có sẵn",labelFileLoading:"Đang tải",labelFileLoadError:"Lỗi khi tải",labelFileProcessing:"Đang tải lên",labelFileProcessingComplete:"Tải lên thành công",labelFileProcessingAborted:"Đã huỷ tải lên",labelFileProcessingError:"Lỗi khi tải lên",labelFileProcessingRevertError:"Lỗi khi hoàn nguyên",labelFileRemoveError:"Lỗi khi xóa",labelTapToCancel:"nhấn để hủy",labelTapToRetry:"nhấn để thử lại",labelTapToUndo:"nhấn để hoàn tác",labelButtonRemoveItem:"Xoá",labelButtonAbortItemLoad:"Huỷ bỏ",labelButtonRetryItemLoad:"Thử lại",labelButtonAbortItemProcessing:"Hủy bỏ",labelButtonUndoItemProcessing:"Hoàn tác",labelButtonRetryItemProcessing:"Thử lại",labelButtonProcessItem:"Tải lên",labelMaxFileSizeExceeded:"Tập tin quá lớn",labelMaxFileSize:"Kích thước tệp tối đa là {filesize}",labelMaxTotalFileSizeExceeded:"Đã vượt quá tổng kích thước tối đa",labelMaxTotalFileSize:"Tổng kích thước tệp tối đa là {filesize}",labelFileTypeNotAllowed:"Tệp thuộc loại không hợp lệ",fileValidateTypeLabelExpectedTypes:"Kiểu tệp hợp lệ là {allButLastType} hoặc {lastType}",imageValidateSizeLabelFormatError:"Loại hình ảnh không được hỗ trợ",imageValidateSizeLabelImageSizeTooSmall:"Hình ảnh quá nhỏ",imageValidateSizeLabelImageSizeTooBig:"Hình ảnh quá lớn",imageValidateSizeLabelExpectedMinSize:"Kích thước tối thiểu là {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"Kích thước tối đa là {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"Độ phân giải quá thấp",imageValidateSizeLabelImageResolutionTooHigh:"Độ phân giải quá cao",imageValidateSizeLabelExpectedMinResolution:"Độ phân giải tối thiểu là {minResolution}",imageValidateSizeLabelExpectedMaxResolution:"Độ phân giải tối đa là {maxResolution}"},zh_CN={labelIdle:'拖放文件，或者 <span class="filepond--label-action"> 浏览 </span>',labelInvalidField:"字段包含无效文件",labelFileWaitingForSize:"计算文件大小",labelFileSizeNotAvailable:"文件大小不可用",labelFileLoading:"加载",labelFileLoadError:"加载错误",labelFileProcessing:"上传",labelFileProcessingComplete:"已上传",labelFileProcessingAborted:"上传已取消",labelFileProcessingError:"上传出错",labelFileProcessingRevertError:"还原出错",labelFileRemoveError:"删除出错",labelTapToCancel:"点击取消",labelTapToRetry:"点击重试",labelTapToUndo:"点击撤消",labelButtonRemoveItem:"删除",labelButtonAbortItemLoad:"中止",labelButtonRetryItemLoad:"重试",labelButtonAbortItemProcessing:"取消",labelButtonUndoItemProcessing:"撤消",labelButtonRetryItemProcessing:"重试",labelButtonProcessItem:"上传",labelMaxFileSizeExceeded:"文件太大",labelMaxFileSize:"最大值: {filesize}",labelMaxTotalFileSizeExceeded:"超过最大文件大小",labelMaxTotalFileSize:"最大文件大小：{filesize}",labelFileTypeNotAllowed:"文件类型无效",fileValidateTypeLabelExpectedTypes:"应为 {allButLastType} 或 {lastType}",imageValidateSizeLabelFormatError:"不支持图像类型",imageValidateSizeLabelImageSizeTooSmall:"图像太小",imageValidateSizeLabelImageSizeTooBig:"图像太大",imageValidateSizeLabelExpectedMinSize:"最小值: {minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"最大值: {maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"分辨率太低",imageValidateSizeLabelImageResolutionTooHigh:"分辨率太高",imageValidateSizeLabelExpectedMinResolution:"最小分辨率：{minResolution}",imageValidateSizeLabelExpectedMaxResolution:"最大分辨率：{maxResolution}"},zh_TW={labelIdle:'拖放檔案，或者 <span class="filepond--label-action"> 瀏覽 </span>',labelInvalidField:"不支援此檔案",labelFileWaitingForSize:"正在計算檔案大小",labelFileSizeNotAvailable:"檔案大小不符",labelFileLoading:"讀取中",labelFileLoadError:"讀取錯誤",labelFileProcessing:"上傳",labelFileProcessingComplete:"已上傳",labelFileProcessingAborted:"上傳已取消",labelFileProcessingError:"上傳發生錯誤",labelFileProcessingRevertError:"還原錯誤",labelFileRemoveError:"刪除錯誤",labelTapToCancel:"點擊取消",labelTapToRetry:"點擊重試",labelTapToUndo:"點擊還原",labelButtonRemoveItem:"刪除",labelButtonAbortItemLoad:"停止",labelButtonRetryItemLoad:"重試",labelButtonAbortItemProcessing:"取消",labelButtonUndoItemProcessing:"取消",labelButtonRetryItemProcessing:"重試",labelButtonProcessItem:"上傳",labelMaxFileSizeExceeded:"檔案過大",labelMaxFileSize:"最大值：{filesize}",labelMaxTotalFileSizeExceeded:"超過最大可上傳大小",labelMaxTotalFileSize:"最大可上傳大小：{filesize}",labelFileTypeNotAllowed:"不支援此類型檔案",fileValidateTypeLabelExpectedTypes:"應為 {allButLastType} 或 {lastType}",imageValidateSizeLabelFormatError:"不支持此類圖片類型",imageValidateSizeLabelImageSizeTooSmall:"圖片過小",imageValidateSizeLabelImageSizeTooBig:"圖片過大",imageValidateSizeLabelExpectedMinSize:"最小尺寸：{minWidth} × {minHeight}",imageValidateSizeLabelExpectedMaxSize:"最大尺寸：{maxWidth} × {maxHeight}",imageValidateSizeLabelImageResolutionTooLow:"解析度過低",imageValidateSizeLabelImageResolutionTooHigh:"解析度過高",imageValidateSizeLabelExpectedMinResolution:"最低解析度：{minResolution}",imageValidateSizeLabelExpectedMaxResolution:"最高解析度：{maxResolution}"},locales={"ar-ar":ar_AR,"az-az":az_AZ,"cs-cz":cs_CZ,"da-dk":da_DK,"de-de":de_DE,"el-el":el_EL,"en-en":en_EN,"es-es":es_ES,"fa-ir":fa_IR,"fi-fi":fi_FI,"fr-fr":fr_FR,"he-he":he_HE,"hr-hr":hr_HR,"hu-hu":hu_HU,"id-id":id_ID,"it-it":it_IT,"ja-ja":ja_JA,"km-km":km_KM,"lt-lt":lt_LT,"nl-nl":nl_NL,"no-nb":no_NB,"pl-pl":pl_PL,"pt-br":pt_BR,"pt-pt":pt_PT,"ro-ro":ro_RO,"ru-ru":ru_RU,"sk-sk":sk_SK,"sv-se":sv_SE,"tr-tr":tr_TR,"uk-ua":uk_UA,"vi-vi":vi_VI,"zh-cn":zh_CN,"zh-tw":zh_TW},filepond=e=>({init(){registerPlugin(plugin$3),registerPlugin(plugin$2),registerPlugin(plugin$1),registerPlugin(plugin);const t=this.$wire.fields[e.field].properties;create$f(this.$refs.input,{allowMultiple:t.multiple,minFileSize:t.file_size.min?`${t.file_size.min}KB`:null,maxFileSize:t.file_size.max?`${t.file_size.max}KB`:null,acceptedFileTypes:t.file_types,imageValidateSizeMinWidth:t.dimensions.min_width??1,imageValidateSizeMinHeight:t.dimensions.min_height??1,imageValidateSizeMaxWidth:t.dimensions.max_width??65535,imageValidateSizeMaxHeight:t.dimensions.max_height??65535,credits:!1,server:{process:(a,n,l,r,s,o,c,u,d)=>{this.$wire.upload(t.key,n,r,s,o)},revert:(a,n)=>{this.$wire.removeUpload(t.key,a,n)}},...locales[e.locale]})},reset(t){t===this.$wire.id&&find(this.$el.querySelector(".filepond--root")).removeFiles()}}),KEYS=["if","if_any","show_when","show_when_any","unless","unless_any","hide_when","hide_when_any"],OPERATORS=["equals","not","contains","contains_any","===","!==",">",">=","<","<=","custom"],ALIASES={is:"equals","==":"equals",isnt:"not","!=":"not",includes:"contains",includes_any:"contains_any"};var VERSION="1.13.6",root=typeof self=="object"&&self.self===self&&self||typeof global=="object"&&global.global===global&&global||Function("return this")()||{},ArrayProto=Array.prototype,ObjProto=Object.prototype,push=ArrayProto.push,slice=ArrayProto.slice,toString=ObjProto.toString,hasOwnProperty=ObjProto.hasOwnProperty,nativeIsArray=Array.isArray,nativeKeys=Object.keys,_isNaN=isNaN,hasEnumBug=!{toString:null}.propertyIsEnumerable("toString"),nonEnumerableProps=["valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"],MAX_ARRAY_INDEX=Math.pow(2,53)-1;function _(e){if(e instanceof _)return e;if(!(this instanceof _))return new _(e);this._wrapped=e}_.VERSION=VERSION,_.prototype.value=function(){return this._wrapped},_.prototype.valueOf=_.prototype.toJSON=_.prototype.value,_.prototype.toString=function(){return String(this._wrapped)};function identity(e){return e}function tagTester(e){var t="[object "+e+"]";return function(a){return toString.call(a)===t}}var isFunction=tagTester("Function"),nodelist=root.document&&root.document.childNodes;typeof/./!="function"&&typeof Int8Array!="object"&&typeof nodelist!="function"&&(isFunction=function(e){return typeof e=="function"||!1});const isFunction$1=isFunction;function isObject(e){var t=typeof e;return t==="function"||t==="object"&&!!e}const isArray=nativeIsArray||tagTester("Array");function createAssigner(e,t){return function(a){var n=arguments.length;if(t&&(a=Object(a)),n<2||a==null)return a;for(var l=1;l<n;l++)for(var r=arguments[l],s=e(r),o=s.length,c=0;c<o;c++){var u=s[c];(!t||a[u]===void 0)&&(a[u]=r[u])}return a}}function has(e,t){return e!=null&&hasOwnProperty.call(e,t)}function emulatedSet(e){for(var t={},a=e.length,n=0;n<a;++n)t[e[n]]=!0;return{contains:function(l){return t[l]===!0},push:function(l){return t[l]=!0,e.push(l)}}}function collectNonEnumProps(e,t){t=emulatedSet(t);var a=nonEnumerableProps.length,n=e.constructor,l=isFunction$1(n)&&n.prototype||ObjProto,r="constructor";for(has(e,r)&&!t.contains(r)&&t.push(r);a--;)r=nonEnumerableProps[a],r in e&&e[r]!==l[r]&&!t.contains(r)&&t.push(r)}function keys(e){if(!isObject(e))return[];if(nativeKeys)return nativeKeys(e);var t=[];for(var a in e)has(e,a)&&t.push(a);return hasEnumBug&&collectNonEnumProps(e,t),t}const extendOwn=createAssigner(keys);function isMatch(e,t){var a=keys(t),n=a.length;if(e==null)return!n;for(var l=Object(e),r=0;r<n;r++){var s=a[r];if(t[s]!==l[s]||!(s in l))return!1}return!0}function matcher(e){return e=extendOwn({},e),function(t){return isMatch(t,e)}}function deepGet(e,t){for(var a=t.length,n=0;n<a;n++){if(e==null)return;e=e[t[n]]}return a?e:void 0}function toPath$1(e){return isArray(e)?e:[e]}_.toPath=toPath$1;function toPath(e){return _.toPath(e)}function property(e){return e=toPath(e),function(t){return deepGet(t,e)}}function optimizeCb(e,t,a){if(t===void 0)return e;switch(a??3){case 1:return function(n){return e.call(t,n)};case 3:return function(n,l,r){return e.call(t,n,l,r)};case 4:return function(n,l,r,s){return e.call(t,n,l,r,s)}}return function(){return e.apply(t,arguments)}}function baseIteratee(e,t,a){return e==null?identity:isFunction$1(e)?optimizeCb(e,t,a):isObject(e)&&!isArray(e)?matcher(e):property(e)}function iteratee(e,t){return baseIteratee(e,t,1/0)}_.iteratee=iteratee;function cb(e,t,a){return _.iteratee!==iteratee?_.iteratee(e,t):baseIteratee(e,t,a)}function createSizePropertyCheck(e){return function(t){var a=e(t);return typeof a=="number"&&a>=0&&a<=MAX_ARRAY_INDEX}}function shallowProperty(e){return function(t){return t==null?void 0:t[e]}}const getLength=shallowProperty("length"),isArrayLike=createSizePropertyCheck(getLength);function map(e,t,a){t=cb(t,a);for(var n=!isArrayLike(e)&&keys(e),l=(n||e).length,r=Array(l),s=0;s<l;s++){var o=n?n[s]:s;r[s]=t(e[o],o,e)}return r}function each(e,t,a){t=optimizeCb(t,a);var n,l;if(isArrayLike(e))for(n=0,l=e.length;n<l;n++)t(e[n],n,e);else{var r=keys(e);for(n=0,l=r.length;n<l;n++)t(e[r[n]],r[n],e)}return e}function filter(e,t,a){var n=[];return t=cb(t,a),each(e,function(l,r,s){t(l,r,s)&&n.push(l)}),n}function chain(e){var t=_(e);return t._chain=!0,t}function functions(e){var t=[];for(var a in e)isFunction$1(e[a])&&t.push(a);return t.sort()}function chainResult(e,t){return e._chain?_(t).chain():t}function mixin(e){return each(functions(e),function(t){var a=_[t]=e[t];_.prototype[t]=function(){var n=[this._wrapped];return push.apply(n,arguments),chainResult(this,a.apply(_,n))}}),_}mixin({chain,filter,each});class Converter{fromBlueprint(t,a=null){return map(t,(n,l)=>this.splitRhs(l,n,a))}toBlueprint(t){let a={};return each(t,n=>{a[n.field]=this.combineRhs(n)}),a}splitRhs(t,a,n=null){return{field:this.getScopedFieldHandle(t,n),operator:this.getOperatorFromRhs(a),value:this.getValueFromRhs(a)}}getScopedFieldHandle(t,a){return t.startsWith("root.")||!a?t:a+t}getOperatorFromRhs(t){let a="==";return chain(this.getOperatorsAndAliases()).filter(n=>new RegExp(`^${n} [^=]`).test(this.normalizeConditionString(t))).each(n=>a=n),this.normalizeOperator(a)}normalizeOperator(t){return ALIASES[t]?ALIASES[t]:t}getValueFromRhs(t){let a=this.normalizeConditionString(t);return chain(this.getOperatorsAndAliases()).filter(n=>new RegExp(`^${n} [^=]`).test(a)).each(n=>a=a.replace(new RegExp(`^${n}[ ]*`),"")),a}combineRhs(t){let a=t.operator?t.operator.trim():"",n=t.value.trim();return`${a} ${n}`.trim()}getOperatorsAndAliases(){return OPERATORS.concat(Object.keys(ALIASES))}normalizeConditionString(t){return t===null?"null":t===""?"empty":t.toString()}}function getDefaults(){return{async:!1,baseUrl:null,breaks:!1,extensions:null,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,hooks:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1}}let defaults=getDefaults();function changeDefaults(e){defaults=e}const escapeTest=/[&<>"']/,escapeReplace=new RegExp(escapeTest.source,"g"),escapeTestNoEncode=/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,escapeReplaceNoEncode=new RegExp(escapeTestNoEncode.source,"g"),escapeReplacements={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},getEscapeReplacement=e=>escapeReplacements[e];function escape(e,t){if(t){if(escapeTest.test(e))return e.replace(escapeReplace,getEscapeReplacement)}else if(escapeTestNoEncode.test(e))return e.replace(escapeReplaceNoEncode,getEscapeReplacement);return e}const unescapeTest=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;function unescape$1(e){return e.replace(unescapeTest,(t,a)=>(a=a.toLowerCase(),a==="colon"?":":a.charAt(0)==="#"?a.charAt(1)==="x"?String.fromCharCode(parseInt(a.substring(2),16)):String.fromCharCode(+a.substring(1)):""))}const caret=/(^|[^\[])\^/g;function edit(e,t){e=typeof e=="string"?e:e.source,t=t||"";const a={replace:(n,l)=>(l=l.source||l,l=l.replace(caret,"$1"),e=e.replace(n,l),a),getRegex:()=>new RegExp(e,t)};return a}const nonWordAndColonTest=/[^\w:]/g,originIndependentUrl=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function cleanUrl(e,t,a){if(e){let n;try{n=decodeURIComponent(unescape$1(a)).replace(nonWordAndColonTest,"").toLowerCase()}catch{return null}if(n.indexOf("javascript:")===0||n.indexOf("vbscript:")===0||n.indexOf("data:")===0)return null}t&&!originIndependentUrl.test(a)&&(a=resolveUrl(t,a));try{a=encodeURI(a).replace(/%25/g,"%")}catch{return null}return a}const baseUrls={},justDomain=/^[^:]+:\/*[^/]*$/,protocol=/^([^:]+:)[\s\S]*$/,domain=/^([^:]+:\/*[^/]*)[\s\S]*$/;function resolveUrl(e,t){baseUrls[" "+e]||(justDomain.test(e)?baseUrls[" "+e]=e+"/":baseUrls[" "+e]=rtrim(e,"/",!0)),e=baseUrls[" "+e];const a=e.indexOf(":")===-1;return t.substring(0,2)==="//"?a?t:e.replace(protocol,"$1")+t:t.charAt(0)==="/"?a?t:e.replace(domain,"$1")+t:e+t}const noopTest={exec:function(){}};function splitCells(e,t){const a=e.replace(/\|/g,(r,s,o)=>{let c=!1,u=s;for(;--u>=0&&o[u]==="\\";)c=!c;return c?"|":" |"}),n=a.split(/ \|/);let l=0;if(n[0].trim()||n.shift(),n.length>0&&!n[n.length-1].trim()&&n.pop(),n.length>t)n.splice(t);else for(;n.length<t;)n.push("");for(;l<n.length;l++)n[l]=n[l].trim().replace(/\\\|/g,"|");return n}function rtrim(e,t,a){const n=e.length;if(n===0)return"";let l=0;for(;l<n;){const r=e.charAt(n-l-1);if(r===t&&!a)l++;else if(r!==t&&a)l++;else break}return e.slice(0,n-l)}function findClosingBracket(e,t){if(e.indexOf(t[1])===-1)return-1;const a=e.length;let n=0,l=0;for(;l<a;l++)if(e[l]==="\\")l++;else if(e[l]===t[0])n++;else if(e[l]===t[1]&&(n--,n<0))return l;return-1}function checkSanitizeDeprecation(e){e&&e.sanitize&&!e.silent&&console.warn("marked(): sanitize and sanitizer parameters are deprecated since version 0.7.0, should not be used and will be removed in the future. Read more here: https://marked.js.org/#/USING_ADVANCED.md#options")}function repeatString(e,t){if(t<1)return"";let a="";for(;t>1;)t&1&&(a+=e),t>>=1,e+=e;return a+e}function outputLink(e,t,a,n){const l=t.href,r=t.title?escape(t.title):null,s=e[1].replace(/\\([\[\]])/g,"$1");if(e[0].charAt(0)!=="!"){n.state.inLink=!0;const o={type:"link",raw:a,href:l,title:r,text:s,tokens:n.inlineTokens(s)};return n.state.inLink=!1,o}return{type:"image",raw:a,href:l,title:r,text:escape(s)}}function indentCodeCompensation(e,t){const a=e.match(/^(\s+)(?:```)/);if(a===null)return t;const n=a[1];return t.split(`
+`).map(l=>{const r=l.match(/^\s+/);if(r===null)return l;const[s]=r;return s.length>=n.length?l.slice(n.length):l}).join(`
+`)}class Tokenizer{constructor(t){this.options=t||defaults}space(t){const a=this.rules.block.newline.exec(t);if(a&&a[0].length>0)return{type:"space",raw:a[0]}}code(t){const a=this.rules.block.code.exec(t);if(a){const n=a[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:a[0],codeBlockStyle:"indented",text:this.options.pedantic?n:rtrim(n,`
+`)}}}fences(t){const a=this.rules.block.fences.exec(t);if(a){const n=a[0],l=indentCodeCompensation(n,a[3]||"");return{type:"code",raw:n,lang:a[2]?a[2].trim().replace(this.rules.inline._escapes,"$1"):a[2],text:l}}}heading(t){const a=this.rules.block.heading.exec(t);if(a){let n=a[2].trim();if(/#$/.test(n)){const l=rtrim(n,"#");(this.options.pedantic||!l||/ $/.test(l))&&(n=l.trim())}return{type:"heading",raw:a[0],depth:a[1].length,text:n,tokens:this.lexer.inline(n)}}}hr(t){const a=this.rules.block.hr.exec(t);if(a)return{type:"hr",raw:a[0]}}blockquote(t){const a=this.rules.block.blockquote.exec(t);if(a){const n=a[0].replace(/^ *>[ \t]?/gm,""),l=this.lexer.state.top;this.lexer.state.top=!0;const r=this.lexer.blockTokens(n);return this.lexer.state.top=l,{type:"blockquote",raw:a[0],tokens:r,text:n}}}list(t){let a=this.rules.block.list.exec(t);if(a){let n,l,r,s,o,c,u,d,p,h,m,g,E=a[1].trim();const T=E.length>1,I={type:"list",raw:"",ordered:T,start:T?+E.slice(0,-1):"",loose:!1,items:[]};E=T?`\\d{1,9}\\${E.slice(-1)}`:`\\${E}`,this.options.pedantic&&(E=T?E:"[*+-]");const f=new RegExp(`^( {0,3}${E})((?:[	 ][^\\n]*)?(?:\\n|$))`);for(;t&&(g=!1,!(!(a=f.exec(t))||this.rules.block.hr.test(t)));){if(n=a[0],t=t.substring(n.length),d=a[2].split(`
+`,1)[0].replace(/^\t+/,S=>" ".repeat(3*S.length)),p=t.split(`
+`,1)[0],this.options.pedantic?(s=2,m=d.trimLeft()):(s=a[2].search(/[^ ]/),s=s>4?1:s,m=d.slice(s),s+=a[1].length),c=!1,!d&&/^ *$/.test(p)&&(n+=p+`
+`,t=t.substring(p.length+1),g=!0),!g){const S=new RegExp(`^ {0,${Math.min(3,s-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`),R=new RegExp(`^ {0,${Math.min(3,s-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),A=new RegExp(`^ {0,${Math.min(3,s-1)}}(?:\`\`\`|~~~)`),O=new RegExp(`^ {0,${Math.min(3,s-1)}}#`);for(;t&&(h=t.split(`
+`,1)[0],p=h,this.options.pedantic&&(p=p.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")),!(A.test(p)||O.test(p)||S.test(p)||R.test(t)));){if(p.search(/[^ ]/)>=s||!p.trim())m+=`
+`+p.slice(s);else{if(c||d.search(/[^ ]/)>=4||A.test(d)||O.test(d)||R.test(d))break;m+=`
+`+p}!c&&!p.trim()&&(c=!0),n+=h+`
+`,t=t.substring(h.length+1),d=p.slice(s)}}I.loose||(u?I.loose=!0:/\n *\n *$/.test(n)&&(u=!0)),this.options.gfm&&(l=/^\[[ xX]\] /.exec(m),l&&(r=l[0]!=="[ ] ",m=m.replace(/^\[[ xX]\] +/,""))),I.items.push({type:"list_item",raw:n,task:!!l,checked:r,loose:!1,text:m}),I.raw+=n}I.items[I.items.length-1].raw=n.trimRight(),I.items[I.items.length-1].text=m.trimRight(),I.raw=I.raw.trimRight();const b=I.items.length;for(o=0;o<b;o++)if(this.lexer.state.top=!1,I.items[o].tokens=this.lexer.blockTokens(I.items[o].text,[]),!I.loose){const S=I.items[o].tokens.filter(A=>A.type==="space"),R=S.length>0&&S.some(A=>/\n.*\n/.test(A.raw));I.loose=R}if(I.loose)for(o=0;o<b;o++)I.items[o].loose=!0;return I}}html(t){const a=this.rules.block.html.exec(t);if(a){const n={type:"html",raw:a[0],pre:!this.options.sanitizer&&(a[1]==="pre"||a[1]==="script"||a[1]==="style"),text:a[0]};if(this.options.sanitize){const l=this.options.sanitizer?this.options.sanitizer(a[0]):escape(a[0]);n.type="paragraph",n.text=l,n.tokens=this.lexer.inline(l)}return n}}def(t){const a=this.rules.block.def.exec(t);if(a){const n=a[1].toLowerCase().replace(/\s+/g," "),l=a[2]?a[2].replace(/^<(.*)>$/,"$1").replace(this.rules.inline._escapes,"$1"):"",r=a[3]?a[3].substring(1,a[3].length-1).replace(this.rules.inline._escapes,"$1"):a[3];return{type:"def",tag:n,raw:a[0],href:l,title:r}}}table(t){const a=this.rules.block.table.exec(t);if(a){const n={type:"table",header:splitCells(a[1]).map(l=>({text:l})),align:a[2].replace(/^ *|\| *$/g,"").split(/ *\| */),rows:a[3]&&a[3].trim()?a[3].replace(/\n[ \t]*$/,"").split(`
+`):[]};if(n.header.length===n.align.length){n.raw=a[0];let l=n.align.length,r,s,o,c;for(r=0;r<l;r++)/^ *-+: *$/.test(n.align[r])?n.align[r]="right":/^ *:-+: *$/.test(n.align[r])?n.align[r]="center":/^ *:-+ *$/.test(n.align[r])?n.align[r]="left":n.align[r]=null;for(l=n.rows.length,r=0;r<l;r++)n.rows[r]=splitCells(n.rows[r],n.header.length).map(u=>({text:u}));for(l=n.header.length,s=0;s<l;s++)n.header[s].tokens=this.lexer.inline(n.header[s].text);for(l=n.rows.length,s=0;s<l;s++)for(c=n.rows[s],o=0;o<c.length;o++)c[o].tokens=this.lexer.inline(c[o].text);return n}}}lheading(t){const a=this.rules.block.lheading.exec(t);if(a)return{type:"heading",raw:a[0],depth:a[2].charAt(0)==="="?1:2,text:a[1],tokens:this.lexer.inline(a[1])}}paragraph(t){const a=this.rules.block.paragraph.exec(t);if(a){const n=a[1].charAt(a[1].length-1)===`
+`?a[1].slice(0,-1):a[1];return{type:"paragraph",raw:a[0],text:n,tokens:this.lexer.inline(n)}}}text(t){const a=this.rules.block.text.exec(t);if(a)return{type:"text",raw:a[0],text:a[0],tokens:this.lexer.inline(a[0])}}escape(t){const a=this.rules.inline.escape.exec(t);if(a)return{type:"escape",raw:a[0],text:escape(a[1])}}tag(t){const a=this.rules.inline.tag.exec(t);if(a)return!this.lexer.state.inLink&&/^<a /i.test(a[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\/a>/i.test(a[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(a[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(a[0])&&(this.lexer.state.inRawBlock=!1),{type:this.options.sanitize?"text":"html",raw:a[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(a[0]):escape(a[0]):a[0]}}link(t){const a=this.rules.inline.link.exec(t);if(a){const n=a[2].trim();if(!this.options.pedantic&&/^</.test(n)){if(!/>$/.test(n))return;const s=rtrim(n.slice(0,-1),"\\");if((n.length-s.length)%2===0)return}else{const s=findClosingBracket(a[2],"()");if(s>-1){const c=(a[0].indexOf("!")===0?5:4)+a[1].length+s;a[2]=a[2].substring(0,s),a[0]=a[0].substring(0,c).trim(),a[3]=""}}let l=a[2],r="";if(this.options.pedantic){const s=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(l);s&&(l=s[1],r=s[3])}else r=a[3]?a[3].slice(1,-1):"";return l=l.trim(),/^</.test(l)&&(this.options.pedantic&&!/>$/.test(n)?l=l.slice(1):l=l.slice(1,-1)),outputLink(a,{href:l&&l.replace(this.rules.inline._escapes,"$1"),title:r&&r.replace(this.rules.inline._escapes,"$1")},a[0],this.lexer)}}reflink(t,a){let n;if((n=this.rules.inline.reflink.exec(t))||(n=this.rules.inline.nolink.exec(t))){let l=(n[2]||n[1]).replace(/\s+/g," ");if(l=a[l.toLowerCase()],!l){const r=n[0].charAt(0);return{type:"text",raw:r,text:r}}return outputLink(n,l,n[0],this.lexer)}}emStrong(t,a,n=""){let l=this.rules.inline.emStrong.lDelim.exec(t);if(!l||l[3]&&n.match(/[\p{L}\p{N}]/u))return;const r=l[1]||l[2]||"";if(!r||r&&(n===""||this.rules.inline.punctuation.exec(n))){const s=l[0].length-1;let o,c,u=s,d=0;const p=l[0][0]==="*"?this.rules.inline.emStrong.rDelimAst:this.rules.inline.emStrong.rDelimUnd;for(p.lastIndex=0,a=a.slice(-1*t.length+s);(l=p.exec(a))!=null;){if(o=l[1]||l[2]||l[3]||l[4]||l[5]||l[6],!o)continue;if(c=o.length,l[3]||l[4]){u+=c;continue}else if((l[5]||l[6])&&s%3&&!((s+c)%3)){d+=c;continue}if(u-=c,u>0)continue;c=Math.min(c,c+u+d);const h=t.slice(0,s+l.index+(l[0].length-o.length)+c);if(Math.min(s,c)%2){const g=h.slice(1,-1);return{type:"em",raw:h,text:g,tokens:this.lexer.inlineTokens(g)}}const m=h.slice(2,-2);return{type:"strong",raw:h,text:m,tokens:this.lexer.inlineTokens(m)}}}}codespan(t){const a=this.rules.inline.code.exec(t);if(a){let n=a[2].replace(/\n/g," ");const l=/[^ ]/.test(n),r=/^ /.test(n)&&/ $/.test(n);return l&&r&&(n=n.substring(1,n.length-1)),n=escape(n,!0),{type:"codespan",raw:a[0],text:n}}}br(t){const a=this.rules.inline.br.exec(t);if(a)return{type:"br",raw:a[0]}}del(t){const a=this.rules.inline.del.exec(t);if(a)return{type:"del",raw:a[0],text:a[2],tokens:this.lexer.inlineTokens(a[2])}}autolink(t,a){const n=this.rules.inline.autolink.exec(t);if(n){let l,r;return n[2]==="@"?(l=escape(this.options.mangle?a(n[1]):n[1]),r="mailto:"+l):(l=escape(n[1]),r=l),{type:"link",raw:n[0],text:l,href:r,tokens:[{type:"text",raw:l,text:l}]}}}url(t,a){let n;if(n=this.rules.inline.url.exec(t)){let l,r;if(n[2]==="@")l=escape(this.options.mangle?a(n[0]):n[0]),r="mailto:"+l;else{let s;do s=n[0],n[0]=this.rules.inline._backpedal.exec(n[0])[0];while(s!==n[0]);l=escape(n[0]),n[1]==="www."?r="http://"+n[0]:r=n[0]}return{type:"link",raw:n[0],text:l,href:r,tokens:[{type:"text",raw:l,text:l}]}}}inlineText(t,a){const n=this.rules.inline.text.exec(t);if(n){let l;return this.lexer.state.inRawBlock?l=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(n[0]):escape(n[0]):n[0]:l=escape(this.options.smartypants?a(n[0]):n[0]),{type:"text",raw:n[0],text:l}}}}const block={newline:/^(?: *(?:\n|$))+/,code:/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,fences:/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,hr:/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/,html:"^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))",def:/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/,table:noopTest,lheading:/^((?:.|\n(?!\n))+?)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,text:/^[^\n]+/};block._label=/(?!\s*\])(?:\\.|[^\[\]\\])+/,block._title=/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/,block.def=edit(block.def).replace("label",block._label).replace("title",block._title).getRegex(),block.bullet=/(?:[*+-]|\d{1,9}[.)])/,block.listItemStart=edit(/^( *)(bull) */).replace("bull",block.bullet).getRegex(),block.list=edit(block.list).replace(/bull/g,block.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+block.def.source+")").getRegex(),block._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",block._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,block.html=edit(block.html,"i").replace("comment",block._comment).replace("tag",block._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),block.paragraph=edit(block._paragraph).replace("hr",block.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",block._tag).getRegex(),block.blockquote=edit(block.blockquote).replace("paragraph",block.paragraph).getRegex(),block.normal={...block},block.gfm={...block.normal,table:"^ *([^\\n ].*\\|.*)\\n {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"},block.gfm.table=edit(block.gfm.table).replace("hr",block.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",block._tag).getRegex(),block.gfm.paragraph=edit(block._paragraph).replace("hr",block.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("table",block.gfm.table).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",block._tag).getRegex(),block.pedantic={...block.normal,html:edit(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment",block._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:noopTest,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:edit(block.normal._paragraph).replace("hr",block.hr).replace("heading",` *#{1,6} *[^
+]`).replace("lheading",block.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()};const inline={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:noopTest,tag:"^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>",link:/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(ref)\]/,nolink:/^!?\[(ref)\](?:\[\])?/,reflinkSearch:"reflink|nolink(?!\\()",emStrong:{lDelim:/^(?:\*+(?:([punct_])|[^\s*]))|^_+(?:([punct*])|([^\s_]))/,rDelimAst:/^(?:[^_*\\]|\\.)*?\_\_(?:[^_*\\]|\\.)*?\*(?:[^_*\\]|\\.)*?(?=\_\_)|(?:[^*\\]|\\.)+(?=[^*])|[punct_](\*+)(?=[\s]|$)|(?:[^punct*_\s\\]|\\.)(\*+)(?=[punct_\s]|$)|[punct_\s](\*+)(?=[^punct*_\s])|[\s](\*+)(?=[punct_])|[punct_](\*+)(?=[punct_])|(?:[^punct*_\s\\]|\\.)(\*+)(?=[^punct*_\s])/,rDelimUnd:/^(?:[^_*\\]|\\.)*?\*\*(?:[^_*\\]|\\.)*?\_(?:[^_*\\]|\\.)*?(?=\*\*)|(?:[^_\\]|\\.)+(?=[^_])|[punct*](\_+)(?=[\s]|$)|(?:[^punct*_\s\\]|\\.)(\_+)(?=[punct*\s]|$)|[punct*\s](\_+)(?=[^punct*_\s])|[\s](\_+)(?=[punct*])|[punct*](\_+)(?=[punct*])/},code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:noopTest,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\spunctuation])/};inline._punctuation="!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~",inline.punctuation=edit(inline.punctuation).replace(/punctuation/g,inline._punctuation).getRegex(),inline.blockSkip=/\[[^\]]*?\]\([^\)]*?\)|`[^`]*?`|<[^>]*?>/g,inline.escapedEmSt=/(?:^|[^\\])(?:\\\\)*\\[*_]/g,inline._comment=edit(block._comment).replace("(?:-->|$)","-->").getRegex(),inline.emStrong.lDelim=edit(inline.emStrong.lDelim).replace(/punct/g,inline._punctuation).getRegex(),inline.emStrong.rDelimAst=edit(inline.emStrong.rDelimAst,"g").replace(/punct/g,inline._punctuation).getRegex(),inline.emStrong.rDelimUnd=edit(inline.emStrong.rDelimUnd,"g").replace(/punct/g,inline._punctuation).getRegex(),inline._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,inline._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,inline._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,inline.autolink=edit(inline.autolink).replace("scheme",inline._scheme).replace("email",inline._email).getRegex(),inline._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,inline.tag=edit(inline.tag).replace("comment",inline._comment).replace("attribute",inline._attribute).getRegex(),inline._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,inline._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/,inline._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,inline.link=edit(inline.link).replace("label",inline._label).replace("href",inline._href).replace("title",inline._title).getRegex(),inline.reflink=edit(inline.reflink).replace("label",inline._label).replace("ref",block._label).getRegex(),inline.nolink=edit(inline.nolink).replace("ref",block._label).getRegex(),inline.reflinkSearch=edit(inline.reflinkSearch,"g").replace("reflink",inline.reflink).replace("nolink",inline.nolink).getRegex(),inline.normal={...inline},inline.pedantic={...inline.normal,strong:{start:/^__|\*\*/,middle:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,endAst:/\*\*(?!\*)/g,endUnd:/__(?!_)/g},em:{start:/^_|\*/,middle:/^()\*(?=\S)([\s\S]*?\S)\*(?!\*)|^_(?=\S)([\s\S]*?\S)_(?!_)/,endAst:/\*(?!\*)/g,endUnd:/_(?!_)/g},link:edit(/^!?\[(label)\]\((.*?)\)/).replace("label",inline._label).getRegex(),reflink:edit(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",inline._label).getRegex()},inline.gfm={...inline.normal,escape:edit(inline.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/},inline.gfm.url=edit(inline.gfm.url,"i").replace("email",inline.gfm._extended_email).getRegex(),inline.breaks={...inline.gfm,br:edit(inline.br).replace("{2,}","*").getRegex(),text:edit(inline.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()};function smartypants(e){return e.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…")}function mangle(e){let t="",a,n;const l=e.length;for(a=0;a<l;a++)n=e.charCodeAt(a),Math.random()>.5&&(n="x"+n.toString(16)),t+="&#"+n+";";return t}class Lexer{constructor(t){this.tokens=[],this.tokens.links=Object.create(null),this.options=t||defaults,this.options.tokenizer=this.options.tokenizer||new Tokenizer,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};const a={block:block.normal,inline:inline.normal};this.options.pedantic?(a.block=block.pedantic,a.inline=inline.pedantic):this.options.gfm&&(a.block=block.gfm,this.options.breaks?a.inline=inline.breaks:a.inline=inline.gfm),this.tokenizer.rules=a}static get rules(){return{block,inline}}static lex(t,a){return new Lexer(a).lex(t)}static lexInline(t,a){return new Lexer(a).inlineTokens(t)}lex(t){t=t.replace(/\r\n|\r/g,`
+`),this.blockTokens(t,this.tokens);let a;for(;a=this.inlineQueue.shift();)this.inlineTokens(a.src,a.tokens);return this.tokens}blockTokens(t,a=[]){this.options.pedantic?t=t.replace(/\t/g,"    ").replace(/^ +$/gm,""):t=t.replace(/^( *)(\t+)/gm,(o,c,u)=>c+"    ".repeat(u.length));let n,l,r,s;for(;t;)if(!(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some(o=>(n=o.call({lexer:this},t,a))?(t=t.substring(n.raw.length),a.push(n),!0):!1))){if(n=this.tokenizer.space(t)){t=t.substring(n.raw.length),n.raw.length===1&&a.length>0?a[a.length-1].raw+=`
+`:a.push(n);continue}if(n=this.tokenizer.code(t)){t=t.substring(n.raw.length),l=a[a.length-1],l&&(l.type==="paragraph"||l.type==="text")?(l.raw+=`
+`+n.raw,l.text+=`
+`+n.text,this.inlineQueue[this.inlineQueue.length-1].src=l.text):a.push(n);continue}if(n=this.tokenizer.fences(t)){t=t.substring(n.raw.length),a.push(n);continue}if(n=this.tokenizer.heading(t)){t=t.substring(n.raw.length),a.push(n);continue}if(n=this.tokenizer.hr(t)){t=t.substring(n.raw.length),a.push(n);continue}if(n=this.tokenizer.blockquote(t)){t=t.substring(n.raw.length),a.push(n);continue}if(n=this.tokenizer.list(t)){t=t.substring(n.raw.length),a.push(n);continue}if(n=this.tokenizer.html(t)){t=t.substring(n.raw.length),a.push(n);continue}if(n=this.tokenizer.def(t)){t=t.substring(n.raw.length),l=a[a.length-1],l&&(l.type==="paragraph"||l.type==="text")?(l.raw+=`
+`+n.raw,l.text+=`
+`+n.raw,this.inlineQueue[this.inlineQueue.length-1].src=l.text):this.tokens.links[n.tag]||(this.tokens.links[n.tag]={href:n.href,title:n.title});continue}if(n=this.tokenizer.table(t)){t=t.substring(n.raw.length),a.push(n);continue}if(n=this.tokenizer.lheading(t)){t=t.substring(n.raw.length),a.push(n);continue}if(r=t,this.options.extensions&&this.options.extensions.startBlock){let o=1/0;const c=t.slice(1);let u;this.options.extensions.startBlock.forEach(function(d){u=d.call({lexer:this},c),typeof u=="number"&&u>=0&&(o=Math.min(o,u))}),o<1/0&&o>=0&&(r=t.substring(0,o+1))}if(this.state.top&&(n=this.tokenizer.paragraph(r))){l=a[a.length-1],s&&l.type==="paragraph"?(l.raw+=`
+`+n.raw,l.text+=`
+`+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=l.text):a.push(n),s=r.length!==t.length,t=t.substring(n.raw.length);continue}if(n=this.tokenizer.text(t)){t=t.substring(n.raw.length),l=a[a.length-1],l&&l.type==="text"?(l.raw+=`
+`+n.raw,l.text+=`
+`+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=l.text):a.push(n);continue}if(t){const o="Infinite loop on byte: "+t.charCodeAt(0);if(this.options.silent){console.error(o);break}else throw new Error(o)}}return this.state.top=!0,a}inline(t,a=[]){return this.inlineQueue.push({src:t,tokens:a}),a}inlineTokens(t,a=[]){let n,l,r,s=t,o,c,u;if(this.tokens.links){const d=Object.keys(this.tokens.links);if(d.length>0)for(;(o=this.tokenizer.rules.inline.reflinkSearch.exec(s))!=null;)d.includes(o[0].slice(o[0].lastIndexOf("[")+1,-1))&&(s=s.slice(0,o.index)+"["+repeatString("a",o[0].length-2)+"]"+s.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;(o=this.tokenizer.rules.inline.blockSkip.exec(s))!=null;)s=s.slice(0,o.index)+"["+repeatString("a",o[0].length-2)+"]"+s.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;(o=this.tokenizer.rules.inline.escapedEmSt.exec(s))!=null;)s=s.slice(0,o.index+o[0].length-2)+"++"+s.slice(this.tokenizer.rules.inline.escapedEmSt.lastIndex),this.tokenizer.rules.inline.escapedEmSt.lastIndex--;for(;t;)if(c||(u=""),c=!1,!(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some(d=>(n=d.call({lexer:this},t,a))?(t=t.substring(n.raw.length),a.push(n),!0):!1))){if(n=this.tokenizer.escape(t)){t=t.substring(n.raw.length),a.push(n);continue}if(n=this.tokenizer.tag(t)){t=t.substring(n.raw.length),l=a[a.length-1],l&&n.type==="text"&&l.type==="text"?(l.raw+=n.raw,l.text+=n.text):a.push(n);continue}if(n=this.tokenizer.link(t)){t=t.substring(n.raw.length),a.push(n);continue}if(n=this.tokenizer.reflink(t,this.tokens.links)){t=t.substring(n.raw.length),l=a[a.length-1],l&&n.type==="text"&&l.type==="text"?(l.raw+=n.raw,l.text+=n.text):a.push(n);continue}if(n=this.tokenizer.emStrong(t,s,u)){t=t.substring(n.raw.length),a.push(n);continue}if(n=this.tokenizer.codespan(t)){t=t.substring(n.raw.length),a.push(n);continue}if(n=this.tokenizer.br(t)){t=t.substring(n.raw.length),a.push(n);continue}if(n=this.tokenizer.del(t)){t=t.substring(n.raw.length),a.push(n);continue}if(n=this.tokenizer.autolink(t,mangle)){t=t.substring(n.raw.length),a.push(n);continue}if(!this.state.inLink&&(n=this.tokenizer.url(t,mangle))){t=t.substring(n.raw.length),a.push(n);continue}if(r=t,this.options.extensions&&this.options.extensions.startInline){let d=1/0;const p=t.slice(1);let h;this.options.extensions.startInline.forEach(function(m){h=m.call({lexer:this},p),typeof h=="number"&&h>=0&&(d=Math.min(d,h))}),d<1/0&&d>=0&&(r=t.substring(0,d+1))}if(n=this.tokenizer.inlineText(r,smartypants)){t=t.substring(n.raw.length),n.raw.slice(-1)!=="_"&&(u=n.raw.slice(-1)),c=!0,l=a[a.length-1],l&&l.type==="text"?(l.raw+=n.raw,l.text+=n.text):a.push(n);continue}if(t){const d="Infinite loop on byte: "+t.charCodeAt(0);if(this.options.silent){console.error(d);break}else throw new Error(d)}}return a}}class Renderer{constructor(t){this.options=t||defaults}code(t,a,n){const l=(a||"").match(/\S*/)[0];if(this.options.highlight){const r=this.options.highlight(t,l);r!=null&&r!==t&&(n=!0,t=r)}return t=t.replace(/\n$/,"")+`
+`,l?'<pre><code class="'+this.options.langPrefix+escape(l)+'">'+(n?t:escape(t,!0))+`</code></pre>
+`:"<pre><code>"+(n?t:escape(t,!0))+`</code></pre>
+`}blockquote(t){return`<blockquote>
+${t}</blockquote>
+`}html(t){return t}heading(t,a,n,l){if(this.options.headerIds){const r=this.options.headerPrefix+l.slug(n);return`<h${a} id="${r}">${t}</h${a}>
+`}return`<h${a}>${t}</h${a}>
 `}hr(){return this.options.xhtml?`<hr/>
 `:`<hr>
-`}list(e,t,n){const s=t?"ol":"ul",l=t&&n!==1?' start="'+n+'"':"";return"<"+s+l+`>
-`+e+"</"+s+`>
-`}listitem(e){return`<li>${e}</li>
-`}checkbox(e){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "}paragraph(e){return`<p>${e}</p>
-`}table(e,t){return t&&(t=`<tbody>${t}</tbody>`),`<table>
+`}list(t,a,n){const l=a?"ol":"ul",r=a&&n!==1?' start="'+n+'"':"";return"<"+l+r+`>
+`+t+"</"+l+`>
+`}listitem(t){return`<li>${t}</li>
+`}checkbox(t){return"<input "+(t?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "}paragraph(t){return`<p>${t}</p>
+`}table(t,a){return a&&(a=`<tbody>${a}</tbody>`),`<table>
 <thead>
-`+e+`</thead>
-`+t+`</table>
-`}tablerow(e){return`<tr>
-${e}</tr>
-`}tablecell(e,t){const n=t.header?"th":"td";return(t.align?`<${n} align="${t.align}">`:`<${n}>`)+e+`</${n}>
-`}strong(e){return`<strong>${e}</strong>`}em(e){return`<em>${e}</em>`}codespan(e){return`<code>${e}</code>`}br(){return this.options.xhtml?"<br/>":"<br>"}del(e){return`<del>${e}</del>`}link(e,t,n){if(e=cleanUrl(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let s='<a href="'+e+'"';return t&&(s+=' title="'+t+'"'),s+=">"+n+"</a>",s}image(e,t,n){if(e=cleanUrl(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let s=`<img src="${e}" alt="${n}"`;return t&&(s+=` title="${t}"`),s+=this.options.xhtml?"/>":">",s}text(e){return e}}class TextRenderer{strong(e){return e}em(e){return e}codespan(e){return e}del(e){return e}html(e){return e}text(e){return e}link(e,t,n){return""+n}image(e,t,n){return""+n}br(){return""}}class Slugger{constructor(){this.seen={}}serialize(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/ig,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")}getNextSafeSlug(e,t){let n=e,s=0;if(this.seen.hasOwnProperty(n)){s=this.seen[e];do s++,n=e+"-"+s;while(this.seen.hasOwnProperty(n))}return t||(this.seen[e]=s,this.seen[n]=0),n}slug(e,t={}){const n=this.serialize(e);return this.getNextSafeSlug(n,t.dryrun)}}class Parser{constructor(e){this.options=e||defaults,this.options.renderer=this.options.renderer||new Renderer,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new TextRenderer,this.slugger=new Slugger}static parse(e,t){return new Parser(t).parse(e)}static parseInline(e,t){return new Parser(t).parseInline(e)}parse(e,t=!0){let n="",s,l,o,a,c,p,h,f,g,u,x,k,S,d,m,v,y,b,w;const $=e.length;for(s=0;s<$;s++){if(u=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[u.type]&&(w=this.options.extensions.renderers[u.type].call({parser:this},u),w!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(u.type))){n+=w||"";continue}switch(u.type){case"space":continue;case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(u.tokens),u.depth,unescape(this.parseInline(u.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(u.text,u.lang,u.escaped);continue}case"table":{for(f="",h="",a=u.header.length,l=0;l<a;l++)h+=this.renderer.tablecell(this.parseInline(u.header[l].tokens),{header:!0,align:u.align[l]});for(f+=this.renderer.tablerow(h),g="",a=u.rows.length,l=0;l<a;l++){for(p=u.rows[l],h="",c=p.length,o=0;o<c;o++)h+=this.renderer.tablecell(this.parseInline(p[o].tokens),{header:!1,align:u.align[o]});g+=this.renderer.tablerow(h)}n+=this.renderer.table(f,g);continue}case"blockquote":{g=this.parse(u.tokens),n+=this.renderer.blockquote(g);continue}case"list":{for(x=u.ordered,k=u.start,S=u.loose,a=u.items.length,g="",l=0;l<a;l++)m=u.items[l],v=m.checked,y=m.task,d="",m.task&&(b=this.renderer.checkbox(v),S?m.tokens.length>0&&m.tokens[0].type==="paragraph"?(m.tokens[0].text=b+" "+m.tokens[0].text,m.tokens[0].tokens&&m.tokens[0].tokens.length>0&&m.tokens[0].tokens[0].type==="text"&&(m.tokens[0].tokens[0].text=b+" "+m.tokens[0].tokens[0].text)):m.tokens.unshift({type:"text",text:b}):d+=b),d+=this.parse(m.tokens,S),g+=this.renderer.listitem(d,y,v);n+=this.renderer.list(g,x,k);continue}case"html":{n+=this.renderer.html(u.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(u.tokens));continue}case"text":{for(g=u.tokens?this.parseInline(u.tokens):u.text;s+1<$&&e[s+1].type==="text";)u=e[++s],g+=`
-`+(u.tokens?this.parseInline(u.tokens):u.text);n+=t?this.renderer.paragraph(g):g;continue}default:{const A='Token with "'+u.type+'" type was not found.';if(this.options.silent){console.error(A);return}else throw new Error(A)}}}return n}parseInline(e,t){t=t||this.renderer;let n="",s,l,o;const a=e.length;for(s=0;s<a;s++){if(l=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[l.type]&&(o=this.options.extensions.renderers[l.type].call({parser:this},l),o!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(l.type))){n+=o||"";continue}switch(l.type){case"escape":{n+=t.text(l.text);break}case"html":{n+=t.html(l.text);break}case"link":{n+=t.link(l.href,l.title,this.parseInline(l.tokens,t));break}case"image":{n+=t.image(l.href,l.title,l.text);break}case"strong":{n+=t.strong(this.parseInline(l.tokens,t));break}case"em":{n+=t.em(this.parseInline(l.tokens,t));break}case"codespan":{n+=t.codespan(l.text);break}case"br":{n+=t.br();break}case"del":{n+=t.del(this.parseInline(l.tokens,t));break}case"text":{n+=t.text(l.text);break}default:{const c='Token with "'+l.type+'" type was not found.';if(this.options.silent){console.error(c);return}else throw new Error(c)}}}return n}}class Hooks{constructor(e){this.options=e||defaults}preprocess(e){return e}postprocess(e){return e}}R(Hooks,"passThroughHooks",new Set(["preprocess","postprocess"]));function onError(r,e,t){return n=>{if(n.message+=`
-Please report this to https://github.com/markedjs/marked.`,r){const s="<p>An error occurred:</p><pre>"+escape(n.message+"",!0)+"</pre>";if(e)return Promise.resolve(s);if(t){t(null,s);return}return s}if(e)return Promise.reject(n);if(t){t(n);return}throw n}}function parseMarkdown(r,e){return(t,n,s)=>{typeof n=="function"&&(s=n,n=null);const l={...n};n={...marked.defaults,...l};const o=onError(n.silent,n.async,s);if(typeof t>"u"||t===null)return o(new Error("marked(): input parameter is undefined or null"));if(typeof t!="string")return o(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(t)+", string expected"));if(checkSanitizeDeprecation(n),n.hooks&&(n.hooks.options=n),s){const a=n.highlight;let c;try{n.hooks&&(t=n.hooks.preprocess(t)),c=r(t,n)}catch(f){return o(f)}const p=function(f){let g;if(!f)try{n.walkTokens&&marked.walkTokens(c,n.walkTokens),g=e(c,n),n.hooks&&(g=n.hooks.postprocess(g))}catch(u){f=u}return n.highlight=a,f?o(f):s(null,g)};if(!a||a.length<3||(delete n.highlight,!c.length))return p();let h=0;marked.walkTokens(c,function(f){f.type==="code"&&(h++,setTimeout(()=>{a(f.text,f.lang,function(g,u){if(g)return p(g);u!=null&&u!==f.text&&(f.text=u,f.escaped=!0),h--,h===0&&p()})},0))}),h===0&&p();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(t):t).then(a=>r(a,n)).then(a=>n.walkTokens?Promise.all(marked.walkTokens(a,n.walkTokens)).then(()=>a):a).then(a=>e(a,n)).then(a=>n.hooks?n.hooks.postprocess(a):a).catch(o);try{n.hooks&&(t=n.hooks.preprocess(t));const a=r(t,n);n.walkTokens&&marked.walkTokens(a,n.walkTokens);let c=e(a,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(a){return o(a)}}}function marked(r,e,t){return parseMarkdown(Lexer.lex,Parser.parse)(r,e,t)}marked.options=marked.setOptions=function(r){return marked.defaults={...marked.defaults,...r},changeDefaults(marked.defaults),marked},marked.getDefaults=getDefaults,marked.defaults=defaults,marked.use=function(...r){const e=marked.defaults.extensions||{renderers:{},childTokens:{}};r.forEach(t=>{const n={...t};if(n.async=marked.defaults.async||n.async||!1,t.extensions&&(t.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if(s.renderer){const l=e.renderers[s.name];l?e.renderers[s.name]=function(...o){let a=s.renderer.apply(this,o);return a===!1&&(a=l.apply(this,o)),a}:e.renderers[s.name]=s.renderer}if(s.tokenizer){if(!s.level||s.level!=="block"&&s.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");e[s.level]?e[s.level].unshift(s.tokenizer):e[s.level]=[s.tokenizer],s.start&&(s.level==="block"?e.startBlock?e.startBlock.push(s.start):e.startBlock=[s.start]:s.level==="inline"&&(e.startInline?e.startInline.push(s.start):e.startInline=[s.start]))}s.childTokens&&(e.childTokens[s.name]=s.childTokens)}),n.extensions=e),t.renderer){const s=marked.defaults.renderer||new Renderer;for(const l in t.renderer){const o=s[l];s[l]=(...a)=>{let c=t.renderer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.renderer=s}if(t.tokenizer){const s=marked.defaults.tokenizer||new Tokenizer;for(const l in t.tokenizer){const o=s[l];s[l]=(...a)=>{let c=t.tokenizer[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.tokenizer=s}if(t.hooks){const s=marked.defaults.hooks||new Hooks;for(const l in t.hooks){const o=s[l];Hooks.passThroughHooks.has(l)?s[l]=a=>{if(marked.defaults.async)return Promise.resolve(t.hooks[l].call(s,a)).then(p=>o.call(s,p));const c=t.hooks[l].call(s,a);return o.call(s,c)}:s[l]=(...a)=>{let c=t.hooks[l].apply(s,a);return c===!1&&(c=o.apply(s,a)),c}}n.hooks=s}if(t.walkTokens){const s=marked.defaults.walkTokens;n.walkTokens=function(l){let o=[];return o.push(t.walkTokens.call(this,l)),s&&(o=o.concat(s.call(this,l))),o}}marked.setOptions(n)})},marked.walkTokens=function(r,e){let t=[];for(const n of r)switch(t=t.concat(e.call(marked,n)),n.type){case"table":{for(const s of n.header)t=t.concat(marked.walkTokens(s.tokens,e));for(const s of n.rows)for(const l of s)t=t.concat(marked.walkTokens(l.tokens,e));break}case"list":{t=t.concat(marked.walkTokens(n.items,e));break}default:marked.defaults.extensions&&marked.defaults.extensions.childTokens&&marked.defaults.extensions.childTokens[n.type]?marked.defaults.extensions.childTokens[n.type].forEach(function(s){t=t.concat(marked.walkTokens(n[s],e))}):n.tokens&&(t=t.concat(marked.walkTokens(n.tokens,e)))}return t},marked.parseInline=parseMarkdown(Lexer.lexInline,Parser.parseInline),marked.Parser=Parser,marked.parser=Parser.parse,marked.Renderer=Renderer,marked.TextRenderer=TextRenderer,marked.Lexer=Lexer,marked.lexer=Lexer.lex,marked.Tokenizer=Tokenizer,marked.Slugger=Slugger,marked.Hooks=Hooks,marked.parse=marked,marked.options,marked.setOptions,marked.use,marked.walkTokens,marked.parseInline,Parser.parse,Lexer.lex;function getAugmentedNamespace(r){if(r.__esModule)return r;var e=r.default;if(typeof e=="function"){var t=function n(){return this instanceof n?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};t.prototype=e.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(r).forEach(function(n){var s=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:function(){return r[n]}})}),t}function commonjsRequire(r){throw new Error('Could not dynamically require "'+r+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var uniqid={exports:{}};const __viteBrowserExternal={},__viteBrowserExternal$1=Object.freeze(Object.defineProperty({__proto__:null,default:__viteBrowserExternal},Symbol.toStringTag,{value:"Module"})),require$$0=getAugmentedNamespace(__viteBrowserExternal$1);var pid=typeof process<"u"&&process.pid?process.pid.toString(36):"",address="";if(typeof __webpack_require__!="function"&&typeof commonjsRequire<"u"){var mac="",os=require$$0;if(os.networkInterfaces)var networkInterfaces=os.networkInterfaces();if(networkInterfaces){e:for(let r in networkInterfaces){const e=networkInterfaces[r],t=e.length;for(var i=0;i<t;i++)if(e[i]!==void 0&&e[i].mac&&e[i].mac!="00:00:00:00:00:00"){mac=e[i].mac;break e}}address=mac?parseInt(mac.replace(/\:|\D+/gi,"")).toString(36):""}}uniqid.exports=uniqid.exports.default=function(r,e){return(r||"")+address+pid+now().toString(36)+(e||"")},uniqid.exports.process=function(r,e){return(r||"")+pid+now().toString(36)+(e||"")},uniqid.exports.time=function(r,e){return(r||"")+now().toString(36)+(e||"")};function now(){var r=Date.now(),e=now.last||r;return now.last=r>e?r:e+1}function data_get(r,e,t=null){var n=Array.isArray(e)?e:e.split("."),s=n.reduce((l,o)=>l&&l[o],r);return s!==void 0?s:t}const isString=tagTester("String");var isArguments=tagTester("Arguments");(function(){isArguments(arguments)||(isArguments=function(r){return has(r,"callee")})})();const isArguments$1=isArguments;function isEmpty(r){if(r==null)return!0;var e=getLength(r);return typeof e=="number"&&(isArray(r)||isString(r)||isArguments$1(r))?e===0:getLength(keys(r))===0}function values(r){for(var e=keys(r),t=e.length,n=Array(t),s=0;s<t;s++)n[s]=r[e[s]];return n}function sortedIndex(r,e,t,n){t=cb(t,n,1);for(var s=t(e),l=0,o=getLength(r);l<o;){var a=Math.floor((l+o)/2);t(r[a])<s?l=a+1:o=a}return l}function createPredicateIndexFinder(r){return function(e,t,n){t=cb(t,n);for(var s=getLength(e),l=r>0?0:s-1;l>=0&&l<s;l+=r)if(t(e[l],l,e))return l;return-1}}const findIndex=createPredicateIndexFinder(1),isNumber=tagTester("Number");function isNaN$1(r){return isNumber(r)&&_isNaN(r)}function createIndexFinder(r,e,t){return function(n,s,l){var o=0,a=getLength(n);if(typeof l=="number")r>0?o=l>=0?l:Math.max(l+a,o):a=l>=0?Math.min(l+1,a):l+a+1;else if(t&&l&&a)return l=t(n,s),n[l]===s?l:-1;if(s!==s)return l=e(slice.call(n,o,a),isNaN$1),l>=0?l+o:-1;for(l=r>0?o:a-1;l>=0&&l<a;l+=r)if(n[l]===s)return l;return-1}}const indexOf=createIndexFinder(1,findIndex,sortedIndex);function contains(r,e,t,n){return isArrayLike(r)||(r=values(r)),(typeof t!="number"||n)&&(t=0),indexOf(r,e,t)>=0}function intersection(r){for(var e=[],t=arguments.length,n=0,s=getLength(r);n<s;n++){var l=r[n];if(!contains(e,l)){var o;for(o=1;o<t&&contains(arguments[o],l);o++);o===t&&e.push(l)}}return e}function negate(r){return function(){return!r.apply(this,arguments)}}function reject(r,e,t){return filter(r,negate(cb(e)),t)}function initial(r,e,t){return slice.call(r,0,Math.max(0,r.length-(e==null||t?1:e)))}function first(r,e,t){return r==null||r.length<1?e==null||t?void 0:[]:e==null||t?r[0]:initial(r,r.length-e)}mixin({chain,map,each,filter,reject,first,isEmpty});const NUMBER_SPECIFIC_COMPARISONS=[">",">=","<","<="];class Validator{constructor(r,e,t,n){this.field=r,this.values=e,this.rootValues=t?t.state.publish[n].values:!1,this.store=t,this.storeName=n,this.passOnAny=!1,this.showOnPass=!0,this.converter=new Converter}passesConditions(r){let e=r||this.getConditions();if(e===void 0)return!0;if(this.isCustomConditionWithoutTarget(e))return this.passesCustomCondition(this.prepareCondition(e));let t=this.passOnAny?this.passesAnyConditions(e):this.passesAllConditions(e);return this.showOnPass?t:!t}getConditions(){let r=chain(KEYS).filter(t=>this.field[t]).first().value();if(!r)return;r.includes("any")&&(this.passOnAny=!0),(r.includes("unless")||r.includes("hide_when"))&&(this.showOnPass=!1);let e=this.field[r];return this.isCustomConditionWithoutTarget(e)?e:this.converter.fromBlueprint(e,this.field.prefix)}isCustomConditionWithoutTarget(r){return isString(r)}passesAllConditions(r){return chain(r).map(e=>this.prepareCondition(e)).reject(e=>this.passesCondition(e)).isEmpty().value()}passesAnyConditions(r){return!chain(r).map(e=>this.prepareCondition(e)).filter(e=>this.passesCondition(e)).isEmpty().value()}prepareCondition(r){if(isString(r)||r.operator==="custom")return this.prepareCustomCondition(r);let e=this.prepareOperator(r.operator),t=this.prepareLhs(r.field,e),n=this.prepareRhs(r.value,e);return{lhs:t,operator:e,rhs:n}}prepareOperator(r){switch(r){case null:case"":case"is":case"equals":return"==";case"isnt":case"not":case"¯\\_(ツ)_/¯":return"!=";case"includes":case"contains":return"includes";case"includes_any":case"contains_any":return"includes_any"}return r}prepareLhs(r,e){let t=this.getFieldValue(r);return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(t):e==="includes"&&!isObject(t)?t?t.toString():"":(isString(t)&&isEmpty(t)&&(t=null),isString(t)?JSON.stringify(t.trim()):t)}prepareRhs(r,e){switch(r){case"null":return null;case"true":return!0;case"false":return!1}return NUMBER_SPECIFIC_COMPARISONS.includes(e)?Number(r):r==="empty"||e==="includes"||e==="includes_any"?r:isString(r)?JSON.stringify(r.trim()):r}prepareCustomCondition(r){let e=this.prepareFunctionName(r.value||r),t=this.prepareParams(r.value||r),n=r.field?this.getFieldValue(r.field):null,s=r.field;return{functionName:e,params:t,target:n,targetHandle:s}}prepareFunctionName(r){return r.replace(new RegExp("^custom "),"").split(":")[0]}prepareParams(r){let e=r.split(":")[1];return e?e.split(",").map(t=>t.trim()):[]}getFieldValue(r){return r.startsWith("root.")?data_get(this.rootValues,r.replace(new RegExp("^root."),"")):data_get(this.values,r)}passesCondition(condition){return condition.functionName?this.passesCustomCondition(condition):condition.operator==="includes"?this.passesIncludesCondition(condition):condition.operator==="includes_any"?this.passesIncludesAnyCondition(condition):(condition.rhs==="empty"&&(condition.lhs=isEmpty(condition.lhs),condition.rhs=!0),isObject(condition.lhs)?!1:eval(`${condition.lhs} ${condition.operator} ${condition.rhs}`))}passesIncludesCondition(r){return r.lhs.includes(r.rhs)}passesIncludesAnyCondition(r){let e=r.rhs.split(",").map(t=>t.trim());return Array.isArray(r.lhs)?intersection(r.lhs,e).length:new RegExp(e.join("|")).test(r.lhs)}passesCustomCondition(r){let e=data_get(this.store.state.statamic.conditions,r.functionName);if(typeof e!="function")return console.error(`Statamic field condition [${r.functionName}] was not properly defined.`),!1;let t=e({params:r.params,target:r.target,targetHandle:r.targetHandle,values:this.values,root:this.rootValues,store:this.store,storeName:this.storeName});return this.showOnPass?t:!t}passesNonRevealerConditions(r){let e=this.getConditions();if(this.isCustomConditionWithoutTarget(e))return this.passesConditions(e);let t=data_get(this.store.state.publish[this.storeName],"revealerFields",[]),n=chain(this.getConditions()).reject(s=>t.includes(this.relativeLhsToAbsoluteFieldPath(s.field,r))).value();return this.passesConditions(n)}relativeLhsToAbsoluteFieldPath(r,e){return e?r.startsWith("root.")?r.replace(/^root\./,""):e+"."+r:r}}class FieldConditions{showField(e,t){return new Validator(e,t).passesConditions()}}const form=()=>({fields:{},conditions:new FieldConditions,processFields(r){const e=Object.entries(r).reduce((t,[n,s])=>(t[n]=s.value,t),{});this.fields=Object.entries(r).reduce((t,[n,s])=>{const l=this.conditions.showField(s.properties.conditions,e);return t[n]={visible:l&&!s.properties.hidden,submittable:s.properties.always_save||l,section:s.section},this.$wire.submittableFields[n]=t[n].submittable,t},{})},fieldsBySection(r){return Object.entries(this.fields).reduce((e,[t,n])=>{let s=n.section;return e[s]||(e[s]={}),e[s][t]=n,e},{})[r]},showField(r){return this.fields[r].visible},showSection(r){return Object.entries(this.fieldsBySection(r)).some(([e])=>this.fields[e].visible)}});Alpine.data("form",form)});
+`+t+`</thead>
+`+a+`</table>
+`}tablerow(t){return`<tr>
+${t}</tr>
+`}tablecell(t,a){const n=a.header?"th":"td";return(a.align?`<${n} align="${a.align}">`:`<${n}>`)+t+`</${n}>
+`}strong(t){return`<strong>${t}</strong>`}em(t){return`<em>${t}</em>`}codespan(t){return`<code>${t}</code>`}br(){return this.options.xhtml?"<br/>":"<br>"}del(t){return`<del>${t}</del>`}link(t,a,n){if(t=cleanUrl(this.options.sanitize,this.options.baseUrl,t),t===null)return n;let l='<a href="'+t+'"';return a&&(l+=' title="'+a+'"'),l+=">"+n+"</a>",l}image(t,a,n){if(t=cleanUrl(this.options.sanitize,this.options.baseUrl,t),t===null)return n;let l=`<img src="${t}" alt="${n}"`;return a&&(l+=` title="${a}"`),l+=this.options.xhtml?"/>":">",l}text(t){return t}}class TextRenderer{strong(t){return t}em(t){return t}codespan(t){return t}del(t){return t}html(t){return t}text(t){return t}link(t,a,n){return""+n}image(t,a,n){return""+n}br(){return""}}class Slugger{constructor(){this.seen={}}serialize(t){return t.toLowerCase().trim().replace(/<[!\/a-z].*?>/ig,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")}getNextSafeSlug(t,a){let n=t,l=0;if(this.seen.hasOwnProperty(n)){l=this.seen[t];do l++,n=t+"-"+l;while(this.seen.hasOwnProperty(n))}return a||(this.seen[t]=l,this.seen[n]=0),n}slug(t,a={}){const n=this.serialize(t);return this.getNextSafeSlug(n,a.dryrun)}}class Parser{constructor(t){this.options=t||defaults,this.options.renderer=this.options.renderer||new Renderer,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new TextRenderer,this.slugger=new Slugger}static parse(t,a){return new Parser(a).parse(t)}static parseInline(t,a){return new Parser(a).parseInline(t)}parse(t,a=!0){let n="",l,r,s,o,c,u,d,p,h,m,g,E,T,I,f,b,S,R,A;const O=t.length;for(l=0;l<O;l++){if(m=t[l],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[m.type]&&(A=this.options.extensions.renderers[m.type].call({parser:this},m),A!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(m.type))){n+=A||"";continue}switch(m.type){case"space":continue;case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(m.tokens),m.depth,unescape$1(this.parseInline(m.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(m.text,m.lang,m.escaped);continue}case"table":{for(p="",d="",o=m.header.length,r=0;r<o;r++)d+=this.renderer.tablecell(this.parseInline(m.header[r].tokens),{header:!0,align:m.align[r]});for(p+=this.renderer.tablerow(d),h="",o=m.rows.length,r=0;r<o;r++){for(u=m.rows[r],d="",c=u.length,s=0;s<c;s++)d+=this.renderer.tablecell(this.parseInline(u[s].tokens),{header:!1,align:m.align[s]});h+=this.renderer.tablerow(d)}n+=this.renderer.table(p,h);continue}case"blockquote":{h=this.parse(m.tokens),n+=this.renderer.blockquote(h);continue}case"list":{for(g=m.ordered,E=m.start,T=m.loose,o=m.items.length,h="",r=0;r<o;r++)f=m.items[r],b=f.checked,S=f.task,I="",f.task&&(R=this.renderer.checkbox(b),T?f.tokens.length>0&&f.tokens[0].type==="paragraph"?(f.tokens[0].text=R+" "+f.tokens[0].text,f.tokens[0].tokens&&f.tokens[0].tokens.length>0&&f.tokens[0].tokens[0].type==="text"&&(f.tokens[0].tokens[0].text=R+" "+f.tokens[0].tokens[0].text)):f.tokens.unshift({type:"text",text:R}):I+=R),I+=this.parse(f.tokens,T),h+=this.renderer.listitem(I,S,b);n+=this.renderer.list(h,g,E);continue}case"html":{n+=this.renderer.html(m.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(m.tokens));continue}case"text":{for(h=m.tokens?this.parseInline(m.tokens):m.text;l+1<O&&t[l+1].type==="text";)m=t[++l],h+=`
+`+(m.tokens?this.parseInline(m.tokens):m.text);n+=a?this.renderer.paragraph(h):h;continue}default:{const L='Token with "'+m.type+'" type was not found.';if(this.options.silent){console.error(L);return}else throw new Error(L)}}}return n}parseInline(t,a){a=a||this.renderer;let n="",l,r,s;const o=t.length;for(l=0;l<o;l++){if(r=t[l],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[r.type]&&(s=this.options.extensions.renderers[r.type].call({parser:this},r),s!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(r.type))){n+=s||"";continue}switch(r.type){case"escape":{n+=a.text(r.text);break}case"html":{n+=a.html(r.text);break}case"link":{n+=a.link(r.href,r.title,this.parseInline(r.tokens,a));break}case"image":{n+=a.image(r.href,r.title,r.text);break}case"strong":{n+=a.strong(this.parseInline(r.tokens,a));break}case"em":{n+=a.em(this.parseInline(r.tokens,a));break}case"codespan":{n+=a.codespan(r.text);break}case"br":{n+=a.br();break}case"del":{n+=a.del(this.parseInline(r.tokens,a));break}case"text":{n+=a.text(r.text);break}default:{const c='Token with "'+r.type+'" type was not found.';if(this.options.silent){console.error(c);return}else throw new Error(c)}}}return n}}class Hooks{constructor(t){this.options=t||defaults}preprocess(t){return t}postprocess(t){return t}}Z(Hooks,"passThroughHooks",new Set(["preprocess","postprocess"]));function onError(e,t,a){return n=>{if(n.message+=`
+Please report this to https://github.com/markedjs/marked.`,e){const l="<p>An error occurred:</p><pre>"+escape(n.message+"",!0)+"</pre>";if(t)return Promise.resolve(l);if(a){a(null,l);return}return l}if(t)return Promise.reject(n);if(a){a(n);return}throw n}}function parseMarkdown(e,t){return(a,n,l)=>{typeof n=="function"&&(l=n,n=null);const r={...n};n={...marked.defaults,...r};const s=onError(n.silent,n.async,l);if(typeof a>"u"||a===null)return s(new Error("marked(): input parameter is undefined or null"));if(typeof a!="string")return s(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(a)+", string expected"));if(checkSanitizeDeprecation(n),n.hooks&&(n.hooks.options=n),l){const o=n.highlight;let c;try{n.hooks&&(a=n.hooks.preprocess(a)),c=e(a,n)}catch(p){return s(p)}const u=function(p){let h;if(!p)try{n.walkTokens&&marked.walkTokens(c,n.walkTokens),h=t(c,n),n.hooks&&(h=n.hooks.postprocess(h))}catch(m){p=m}return n.highlight=o,p?s(p):l(null,h)};if(!o||o.length<3||(delete n.highlight,!c.length))return u();let d=0;marked.walkTokens(c,function(p){p.type==="code"&&(d++,setTimeout(()=>{o(p.text,p.lang,function(h,m){if(h)return u(h);m!=null&&m!==p.text&&(p.text=m,p.escaped=!0),d--,d===0&&u()})},0))}),d===0&&u();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(a):a).then(o=>e(o,n)).then(o=>n.walkTokens?Promise.all(marked.walkTokens(o,n.walkTokens)).then(()=>o):o).then(o=>t(o,n)).then(o=>n.hooks?n.hooks.postprocess(o):o).catch(s);try{n.hooks&&(a=n.hooks.preprocess(a));const o=e(a,n);n.walkTokens&&marked.walkTokens(o,n.walkTokens);let c=t(o,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(o){return s(o)}}}function marked(e,t,a){return parseMarkdown(Lexer.lex,Parser.parse)(e,t,a)}marked.options=marked.setOptions=function(e){return marked.defaults={...marked.defaults,...e},changeDefaults(marked.defaults),marked},marked.getDefaults=getDefaults,marked.defaults=defaults,marked.use=function(...e){const t=marked.defaults.extensions||{renderers:{},childTokens:{}};e.forEach(a=>{const n={...a};if(n.async=marked.defaults.async||n.async||!1,a.extensions&&(a.extensions.forEach(l=>{if(!l.name)throw new Error("extension name required");if(l.renderer){const r=t.renderers[l.name];r?t.renderers[l.name]=function(...s){let o=l.renderer.apply(this,s);return o===!1&&(o=r.apply(this,s)),o}:t.renderers[l.name]=l.renderer}if(l.tokenizer){if(!l.level||l.level!=="block"&&l.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");t[l.level]?t[l.level].unshift(l.tokenizer):t[l.level]=[l.tokenizer],l.start&&(l.level==="block"?t.startBlock?t.startBlock.push(l.start):t.startBlock=[l.start]:l.level==="inline"&&(t.startInline?t.startInline.push(l.start):t.startInline=[l.start]))}l.childTokens&&(t.childTokens[l.name]=l.childTokens)}),n.extensions=t),a.renderer){const l=marked.defaults.renderer||new Renderer;for(const r in a.renderer){const s=l[r];l[r]=(...o)=>{let c=a.renderer[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.renderer=l}if(a.tokenizer){const l=marked.defaults.tokenizer||new Tokenizer;for(const r in a.tokenizer){const s=l[r];l[r]=(...o)=>{let c=a.tokenizer[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.tokenizer=l}if(a.hooks){const l=marked.defaults.hooks||new Hooks;for(const r in a.hooks){const s=l[r];Hooks.passThroughHooks.has(r)?l[r]=o=>{if(marked.defaults.async)return Promise.resolve(a.hooks[r].call(l,o)).then(u=>s.call(l,u));const c=a.hooks[r].call(l,o);return s.call(l,c)}:l[r]=(...o)=>{let c=a.hooks[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.hooks=l}if(a.walkTokens){const l=marked.defaults.walkTokens;n.walkTokens=function(r){let s=[];return s.push(a.walkTokens.call(this,r)),l&&(s=s.concat(l.call(this,r))),s}}marked.setOptions(n)})},marked.walkTokens=function(e,t){let a=[];for(const n of e)switch(a=a.concat(t.call(marked,n)),n.type){case"table":{for(const l of n.header)a=a.concat(marked.walkTokens(l.tokens,t));for(const l of n.rows)for(const r of l)a=a.concat(marked.walkTokens(r.tokens,t));break}case"list":{a=a.concat(marked.walkTokens(n.items,t));break}default:marked.defaults.extensions&&marked.defaults.extensions.childTokens&&marked.defaults.extensions.childTokens[n.type]?marked.defaults.extensions.childTokens[n.type].forEach(function(l){a=a.concat(marked.walkTokens(n[l],t))}):n.tokens&&(a=a.concat(marked.walkTokens(n.tokens,t)))}return a},marked.parseInline=parseMarkdown(Lexer.lexInline,Parser.parseInline),marked.Parser=Parser,marked.parser=Parser.parse,marked.Renderer=Renderer,marked.TextRenderer=TextRenderer,marked.Lexer=Lexer,marked.lexer=Lexer.lex,marked.Tokenizer=Tokenizer,marked.Slugger=Slugger,marked.Hooks=Hooks,marked.parse=marked,marked.options,marked.setOptions,marked.use,marked.walkTokens,marked.parseInline,Parser.parse,Lexer.lex;function getAugmentedNamespace(e){if(e.__esModule)return e;var t=e.default;if(typeof t=="function"){var a=function n(){return this instanceof n?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};a.prototype=t.prototype}else a={};return Object.defineProperty(a,"__esModule",{value:!0}),Object.keys(e).forEach(function(n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}),a}function commonjsRequire(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var uniqid={exports:{}};const __viteBrowserExternal={},__viteBrowserExternal$1=Object.freeze(Object.defineProperty({__proto__:null,default:__viteBrowserExternal},Symbol.toStringTag,{value:"Module"})),require$$0=getAugmentedNamespace(__viteBrowserExternal$1);var pid=typeof process<"u"&&process.pid?process.pid.toString(36):"",address="";if(typeof __webpack_require__!="function"&&typeof commonjsRequire<"u"){var mac="",os=require$$0;if(os.networkInterfaces)var networkInterfaces=os.networkInterfaces();if(networkInterfaces){e:for(let e in networkInterfaces){const t=networkInterfaces[e],a=t.length;for(var i=0;i<a;i++)if(t[i]!==void 0&&t[i].mac&&t[i].mac!="00:00:00:00:00:00"){mac=t[i].mac;break e}}address=mac?parseInt(mac.replace(/\:|\D+/gi,"")).toString(36):""}}uniqid.exports=uniqid.exports.default=function(e,t){return(e||"")+address+pid+now().toString(36)+(t||"")},uniqid.exports.process=function(e,t){return(e||"")+pid+now().toString(36)+(t||"")},uniqid.exports.time=function(e,t){return(e||"")+now().toString(36)+(t||"")};function now(){var e=Date.now(),t=now.last||e;return now.last=e>t?e:t+1}function data_get(e,t,a=null){var n=Array.isArray(t)?t:t.split("."),l=n.reduce((r,s)=>r&&r[s],e);return l!==void 0?l:a}const isString=tagTester("String");var isArguments=tagTester("Arguments");(function(){isArguments(arguments)||(isArguments=function(e){return has(e,"callee")})})();const isArguments$1=isArguments;function isEmpty(e){if(e==null)return!0;var t=getLength(e);return typeof t=="number"&&(isArray(e)||isString(e)||isArguments$1(e))?t===0:getLength(keys(e))===0}function values(e){for(var t=keys(e),a=t.length,n=Array(a),l=0;l<a;l++)n[l]=e[t[l]];return n}function sortedIndex(e,t,a,n){a=cb(a,n,1);for(var l=a(t),r=0,s=getLength(e);r<s;){var o=Math.floor((r+s)/2);a(e[o])<l?r=o+1:s=o}return r}function createPredicateIndexFinder(e){return function(t,a,n){a=cb(a,n);for(var l=getLength(t),r=e>0?0:l-1;r>=0&&r<l;r+=e)if(a(t[r],r,t))return r;return-1}}const findIndex=createPredicateIndexFinder(1),isNumber=tagTester("Number");function isNaN$1(e){return isNumber(e)&&_isNaN(e)}function createIndexFinder(e,t,a){return function(n,l,r){var s=0,o=getLength(n);if(typeof r=="number")e>0?s=r>=0?r:Math.max(r+o,s):o=r>=0?Math.min(r+1,o):r+o+1;else if(a&&r&&o)return r=a(n,l),n[r]===l?r:-1;if(l!==l)return r=t(slice.call(n,s,o),isNaN$1),r>=0?r+s:-1;for(r=e>0?s:o-1;r>=0&&r<o;r+=e)if(n[r]===l)return r;return-1}}const indexOf=createIndexFinder(1,findIndex,sortedIndex);function contains(e,t,a,n){return isArrayLike(e)||(e=values(e)),(typeof a!="number"||n)&&(a=0),indexOf(e,t,a)>=0}function intersection(e){for(var t=[],a=arguments.length,n=0,l=getLength(e);n<l;n++){var r=e[n];if(!contains(t,r)){var s;for(s=1;s<a&&contains(arguments[s],r);s++);s===a&&t.push(r)}}return t}function negate(e){return function(){return!e.apply(this,arguments)}}function reject(e,t,a){return filter(e,negate(cb(t)),a)}function initial(e,t,a){return slice.call(e,0,Math.max(0,e.length-(t==null||a?1:t)))}function first(e,t,a){return e==null||e.length<1?t==null||a?void 0:[]:t==null||a?e[0]:initial(e,e.length-t)}mixin({chain,map,each,filter,reject,first,isEmpty});const NUMBER_SPECIFIC_COMPARISONS=[">",">=","<","<="];class Validator{constructor(e,t,a,n){this.field=e,this.values=t,this.rootValues=a?a.state.publish[n].values:!1,this.store=a,this.storeName=n,this.passOnAny=!1,this.showOnPass=!0,this.converter=new Converter}passesConditions(e){let t=e||this.getConditions();if(t===void 0)return!0;if(this.isCustomConditionWithoutTarget(t))return this.passesCustomCondition(this.prepareCondition(t));let a=this.passOnAny?this.passesAnyConditions(t):this.passesAllConditions(t);return this.showOnPass?a:!a}getConditions(){let e=chain(KEYS).filter(a=>this.field[a]).first().value();if(!e)return;e.includes("any")&&(this.passOnAny=!0),(e.includes("unless")||e.includes("hide_when"))&&(this.showOnPass=!1);let t=this.field[e];return this.isCustomConditionWithoutTarget(t)?t:this.converter.fromBlueprint(t,this.field.prefix)}isCustomConditionWithoutTarget(e){return isString(e)}passesAllConditions(e){return chain(e).map(t=>this.prepareCondition(t)).reject(t=>this.passesCondition(t)).isEmpty().value()}passesAnyConditions(e){return!chain(e).map(t=>this.prepareCondition(t)).filter(t=>this.passesCondition(t)).isEmpty().value()}prepareCondition(e){if(isString(e)||e.operator==="custom")return this.prepareCustomCondition(e);let t=this.prepareOperator(e.operator),a=this.prepareLhs(e.field,t),n=this.prepareRhs(e.value,t);return{lhs:a,operator:t,rhs:n}}prepareOperator(e){switch(e){case null:case"":case"is":case"equals":return"==";case"isnt":case"not":case"¯\\_(ツ)_/¯":return"!=";case"includes":case"contains":return"includes";case"includes_any":case"contains_any":return"includes_any"}return e}prepareLhs(e,t){let a=this.getFieldValue(e);return NUMBER_SPECIFIC_COMPARISONS.includes(t)?Number(a):t==="includes"&&!isObject(a)?a?a.toString():"":(isString(a)&&isEmpty(a)&&(a=null),isString(a)?JSON.stringify(a.trim()):a)}prepareRhs(e,t){switch(e){case"null":return null;case"true":return!0;case"false":return!1}return NUMBER_SPECIFIC_COMPARISONS.includes(t)?Number(e):e==="empty"||t==="includes"||t==="includes_any"?e:isString(e)?JSON.stringify(e.trim()):e}prepareCustomCondition(e){let t=this.prepareFunctionName(e.value||e),a=this.prepareParams(e.value||e),n=e.field?this.getFieldValue(e.field):null,l=e.field;return{functionName:t,params:a,target:n,targetHandle:l}}prepareFunctionName(e){return e.replace(new RegExp("^custom "),"").split(":")[0]}prepareParams(e){let t=e.split(":")[1];return t?t.split(",").map(a=>a.trim()):[]}getFieldValue(e){return e.startsWith("root.")?data_get(this.rootValues,e.replace(new RegExp("^root."),"")):data_get(this.values,e)}passesCondition(condition){return condition.functionName?this.passesCustomCondition(condition):condition.operator==="includes"?this.passesIncludesCondition(condition):condition.operator==="includes_any"?this.passesIncludesAnyCondition(condition):(condition.rhs==="empty"&&(condition.lhs=isEmpty(condition.lhs),condition.rhs=!0),isObject(condition.lhs)?!1:eval(`${condition.lhs} ${condition.operator} ${condition.rhs}`))}passesIncludesCondition(e){return e.lhs.includes(e.rhs)}passesIncludesAnyCondition(e){let t=e.rhs.split(",").map(a=>a.trim());return Array.isArray(e.lhs)?intersection(e.lhs,t).length:new RegExp(t.join("|")).test(e.lhs)}passesCustomCondition(e){let t=data_get(this.store.state.statamic.conditions,e.functionName);if(typeof t!="function")return console.error(`Statamic field condition [${e.functionName}] was not properly defined.`),!1;let a=t({params:e.params,target:e.target,targetHandle:e.targetHandle,values:this.values,root:this.rootValues,store:this.store,storeName:this.storeName});return this.showOnPass?a:!a}passesNonRevealerConditions(e){let t=this.getConditions();if(this.isCustomConditionWithoutTarget(t))return this.passesConditions(t);let a=data_get(this.store.state.publish[this.storeName],"revealerFields",[]),n=chain(this.getConditions()).reject(l=>a.includes(this.relativeLhsToAbsoluteFieldPath(l.field,e))).value();return this.passesConditions(n)}relativeLhsToAbsoluteFieldPath(e,t){return t?e.startsWith("root.")?e.replace(/^root\./,""):t+"."+e:e}}class FieldConditions{showField(t,a){return new Validator(t,a).passesConditions()}}const form=()=>({fields:{},conditions:new FieldConditions,processFields(e){const t=Object.entries(e).reduce((a,[n,l])=>(a[n]=l.value,a),{});this.fields=Object.entries(e).reduce((a,[n,l])=>{const r=this.conditions.showField(l.properties.conditions,t);return a[n]={visible:r&&!l.properties.hidden,submittable:l.properties.always_save||r,section:l.section},this.$wire.submittableFields[n]=a[n].submittable,a},{})},fieldsBySection(e){return Object.entries(this.fields).reduce((t,[a,n])=>{let l=n.section;return t[l]||(t[l]={}),t[l][a]=n,t},{})[e]},showField(e){return this.fields[e].visible},showSection(e){return Object.entries(this.fieldsBySection(e)).some(([t])=>this.fields[t].visible)}});Alpine.data("filepond",filepond),Alpine.data("form",form)});
diff --git a/resources/js/alpine/filepond.js b/resources/js/alpine/filepond.js
new file mode 100644
index 00000000..a3c60ad1
--- /dev/null
+++ b/resources/js/alpine/filepond.js
@@ -0,0 +1,113 @@
+import * as FilePond from 'filepond';
+import FilePondPluginFileValidateSize from 'filepond-plugin-file-validate-size';
+import FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';
+import FilePondPluginImagePreview from 'filepond-plugin-image-preview';
+import FilePondPluginImageValidateSize from 'filepond-plugin-image-validate-size';
+import ar_AR from 'filepond/locale/ar-ar';
+import az_AZ from 'filepond/locale/az-az';
+import cs_CZ from 'filepond/locale/cs-cz';
+import da_DK from 'filepond/locale/da-dk';
+import de_DE from 'filepond/locale/de-de';
+import el_EL from 'filepond/locale/el-el';
+import en_EN from 'filepond/locale/en-en';
+import es_ES from 'filepond/locale/es-es';
+import fa_IR from 'filepond/locale/fa_ir';
+import fi_FI from 'filepond/locale/fi-fi';
+import fr_FR from 'filepond/locale/fr-fr';
+import he_HE from 'filepond/locale/he-he';
+import hr_HR from 'filepond/locale/hr-hr';
+import hu_HU from 'filepond/locale/hu-hu';
+import id_ID from 'filepond/locale/id-id';
+import it_IT from 'filepond/locale/it-it';
+import ja_JA from 'filepond/locale/ja-ja';
+import km_KM from 'filepond/locale/km-km';
+import lt_LT from 'filepond/locale/lt-lt';
+import nl_NL from 'filepond/locale/nl-nl';
+import no_NB from 'filepond/locale/no_nb';
+import pl_PL from 'filepond/locale/pl-pl';
+import pt_BR from 'filepond/locale/pt-br';
+import pt_PT from 'filepond/locale/pt-pt';
+import ro_RO from 'filepond/locale/ro-ro';
+import ru_RU from 'filepond/locale/ru-ru';
+import sk_SK from 'filepond/locale/sk-sk';
+import sv_SE from 'filepond/locale/sv_se';
+import tr_TR from 'filepond/locale/tr-tr';
+import uk_UA from 'filepond/locale/uk-ua';
+import vi_VI from 'filepond/locale/vi-vi';
+import zh_CN from 'filepond/locale/zh-cn';
+import zh_TW from 'filepond/locale/zh-tw';
+
+const locales = {
+    'ar-ar': ar_AR,
+    'az-az': az_AZ,
+    'cs-cz': cs_CZ,
+    'da-dk': da_DK,
+    'de-de': de_DE,
+    'el-el': el_EL,
+    'en-en': en_EN,
+    'es-es': es_ES,
+    'fa-ir': fa_IR,
+    'fi-fi': fi_FI,
+    'fr-fr': fr_FR,
+    'he-he': he_HE,
+    'hr-hr': hr_HR,
+    'hu-hu': hu_HU,
+    'id-id': id_ID,
+    'it-it': it_IT,
+    'ja-ja': ja_JA,
+    'km-km': km_KM,
+    'lt-lt': lt_LT,
+    'nl-nl': nl_NL,
+    'no-nb': no_NB,
+    'pl-pl': pl_PL,
+    'pt-br': pt_BR,
+    'pt-pt': pt_PT,
+    'ro-ro': ro_RO,
+    'ru-ru': ru_RU,
+    'sk-sk': sk_SK,
+    'sv-se': sv_SE,
+    'tr-tr': tr_TR,
+    'uk-ua': uk_UA,
+    'vi-vi': vi_VI,
+    'zh-cn': zh_CN,
+    'zh-tw': zh_TW,
+};
+
+export default (config) => ({
+    init() {
+        FilePond.registerPlugin(FilePondPluginFileValidateSize);
+        FilePond.registerPlugin(FilePondPluginFileValidateType);
+        FilePond.registerPlugin(FilePondPluginImagePreview);
+        FilePond.registerPlugin(FilePondPluginImageValidateSize);
+
+        const field = this.$wire.fields[config.field].properties;
+
+        FilePond.create(this.$refs.input, {
+            allowMultiple: field.multiple,
+            minFileSize: field.file_size.min ? `${field.file_size.min}KB` : null,
+            maxFileSize: field.file_size.max ? `${field.file_size.max}KB` : null,
+            acceptedFileTypes: field.file_types,
+            imageValidateSizeMinWidth: field.dimensions.min_width ?? 1,
+            imageValidateSizeMinHeight: field.dimensions.min_height ?? 1,
+            imageValidateSizeMaxWidth: field.dimensions.max_width ?? 65535,
+            imageValidateSizeMaxHeight: field.dimensions.max_height ?? 65535,
+            credits: false,
+            server: {
+                process: (fieldName, file, metadata, load, error, progress, abort, transfer, options) => {
+                    this.$wire.upload(field.key, file, load, error, progress)
+                },
+                revert: (filename, load) => {
+                    this.$wire.removeUpload(field.key, filename, load)
+                },
+            },
+            ...locales[config.locale],
+        });
+    },
+
+    reset(livewireId) {
+        // Only reset the FilePond instance if the form-success event was fired by the same Livewire component
+        if (livewireId !== this.$wire.id) return;
+
+        FilePond.find(this.$el.querySelector('.filepond--root')).removeFiles();
+    }
+})
diff --git a/resources/js/form.js b/resources/js/alpine/form.js
similarity index 92%
rename from resources/js/form.js
rename to resources/js/alpine/form.js
index cd55cb4f..7e24df12 100644
--- a/resources/js/form.js
+++ b/resources/js/alpine/form.js
@@ -1,4 +1,4 @@
-import FieldConditions from '../../vendor/statamic/cms/resources/js/frontend/components/FieldConditions.js';
+import FieldConditions from '../../../vendor/statamic/cms/resources/js/frontend/components/FieldConditions.js';
 
 export default () => ({
     fields: {},
diff --git a/resources/js/livewire-forms.js b/resources/js/livewire-forms.js
index 51abe5dc..268250d0 100644
--- a/resources/js/livewire-forms.js
+++ b/resources/js/livewire-forms.js
@@ -1,3 +1,5 @@
-import form from './form.js'
+import filepond from './alpine/filepond.js'
+import form from './alpine/form.js'
 
+Alpine.data('filepond', filepond)
 Alpine.data('form', form)
diff --git a/resources/views/default/fields/assets.blade.php b/resources/views/default/fields/assets.blade.php
index 0452fe3d..8b235c35 100644
--- a/resources/views/default/fields/assets.blade.php
+++ b/resources/views/default/fields/assets.blade.php
@@ -6,35 +6,36 @@
     @endif
 </div>
 
-<input
+<div
     id="{{ $field->id }}"
-    name="{{ $field->id }}"
-    type="file"
-
-    @if($field->multiple)
-        multiple
-    @endif
-
-    @if($field->wire_model)
-        wire:model.{{ $field->wire_model }}="{{ $field->key }}"
-    @else
-        wire:model="{{ $field->key }}"
-    @endif
-
     @if(! $errors->has($field->key))
-        class="block w-full"
         @if($field->instructions)
             aria-describedby="{{ $field->id }}-instructions"
         @endif
     @else
-        class="block w-full text-red-900"
         aria-invalid="true"
         aria-describedby="{{ $field->id }}-error"
     @endif
-/>
+>
+    <div
+        x-data="filepond({
+            field: '{{ $field->handle }}',
+            locale: @antlers'{{ site:attributes:filepond_locale ?? 'en-en' }}'@endantlers,
+        })"
+        x-on:form-success.window="reset($event.detail.id)"
+        wire:ignore
+    >
+        <input type="file" x-ref="input" />
+    </div>
+</div>
 
 @if($errors->has($field->key))
     @formView('messages.error')
 @elseif($field->instructions && $field->instructions_position === 'below')
     @formView('messages.instructions')
 @endif
+
+@assets
+    <link href="https://unpkg.com/filepond@^4/dist/filepond.css" rel="stylesheet" />
+    <link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css" rel="stylesheet" />
+@endassets
diff --git a/src/Fields/Assets.php b/src/Fields/Assets.php
index 3c99e98d..a79e4de0 100644
--- a/src/Fields/Assets.php
+++ b/src/Fields/Assets.php
@@ -2,8 +2,15 @@
 
 namespace Aerni\LivewireForms\Fields;
 
-use Illuminate\Support\Arr;
+use Illuminate\Support\Str;
+use Statamic\Fieldtypes\Assets\DimensionsRule;
+use Statamic\Fieldtypes\Assets\ImageRule;
+use Statamic\Fieldtypes\Assets\MaxRule;
+use Statamic\Fieldtypes\Assets\MimesRule;
+use Statamic\Fieldtypes\Assets\MimetypesRule;
+use Statamic\Fieldtypes\Assets\MinRule;
 use Statamic\Forms\Uploaders\AssetsUploader;
+use Symfony\Component\Mime\MimeTypes;
 
 class Assets extends Field
 {
@@ -14,32 +21,52 @@ protected function multipleProperty(?bool $multiple = null): bool
         return $multiple ?? $this->field->get('max_files') !== 1;
     }
 
-    protected function defaultProperty(mixed $default = null): ?array
+    protected function fileSizeProperty(): array
     {
-        return $this->multiple ? [] : null;
-    }
+        $rules = collect($this->rules)->flatten();
 
-    protected function rulesProperty(string|array|null $rules = null): array
-    {
-        $rules = parent::rulesProperty($rules);
+        $minFileSize = $rules->whereInstanceOf(MinRule::class)
+            ->flatMap(fn ($rule) => invade($rule)->parameters)
+            ->first();
 
-        if ($this->multiple) {
-            return $rules;
-        }
+        $maxFileSize = $rules->whereInstanceOf(MaxRule::class)
+            ->flatMap(fn ($rule) => invade($rule)->parameters)
+            ->first();
 
-        /* Remove validation rules that would only work if multiple is enabled */
-        $rules = collect(array_first($rules))
-            ->filter(fn ($rule) => $rule !== 'array')
-            ->filter(fn ($rule) => $rule !== "min:{$this->min_files}")
-            ->filter(fn ($rule) => $rule !== "max:{$this->max_files}")
-            ->values()->all();
+        return [
+            'min' => $minFileSize,
+            'max' => $maxFileSize,
+        ];
+    }
 
-        return [$this->key => $rules];
+    protected function fileTypesProperty(): array
+    {
+        return collect($this->rules)
+            ->flatten()
+            ->map(fn ($rule) => match (true) {
+                $rule instanceof ImageRule => ['image/*'],
+                $rule instanceof MimetypesRule => invade($rule)->parameters,
+                $rule instanceof MimesRule => collect(invade($rule)->parameters)
+                    ->flatMap(fn ($mime) => (new MimeTypes)->getMimeTypes($mime)),
+                default => null,
+            })
+            ->filter()
+            ->first() ?? [];
+    }
+
+    protected function dimensionsProperty(): array
+    {
+        return collect($this->rules)
+            ->flatten()
+            ->whereInstanceOf(DimensionsRule::class)
+            ->flatMap(fn ($rule) => invade($rule)->parameters)
+            ->mapWithKeys(fn ($dimension) => [Str::before($dimension, '=') => Str::after($dimension, '=')])
+            ->toArray();
     }
 
     public function process(): mixed
     {
-        $this->value = collect(Arr::wrap($this->value))
+        $this->value = collect($this->value)
             ->flatMap(fn ($file) => AssetsUploader::field($this->handle)->upload($file));
 
         return parent::process();
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index f98b2a0f..b63be530 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -15,7 +15,7 @@ abstract class Field implements Arrayable
     use HandlesProperties;
     use WithDefaultProperties;
 
-    protected mixed $value = null;
+    public mixed $value = null;
 
     public function __construct(protected FormField $field)
     {
diff --git a/src/Livewire/Concerns/HandlesSuccess.php b/src/Livewire/Concerns/HandlesSuccess.php
index abef08f3..d2a91412 100644
--- a/src/Livewire/Concerns/HandlesSuccess.php
+++ b/src/Livewire/Concerns/HandlesSuccess.php
@@ -8,14 +8,17 @@ protected function handleSuccess(): self
     {
         session()->flash('success', $this->successMessage());
 
-        // Get the captcha value before we are resetting the field values.
+        /* Get the captcha value before we are resetting the field values. */
         $captcha = $this->captcha()?->value();
 
         $this->resetValues();
 
-        // Preserve the captcha state by setting the value to its previous state.
+        /* Preserve the captcha state by setting the value to its previous state. */
         $this->captcha()?->value($captcha);
 
+        /* Dispatch event so we can reset the FilePond field. */
+        $this->dispatch('form-success', id: $this->getId());
+
         return $this;
     }
 }
diff --git a/src/Livewire/Synthesizers/RuleSynth.php b/src/Livewire/Synthesizers/RuleSynth.php
new file mode 100644
index 00000000..c3cf2ab8
--- /dev/null
+++ b/src/Livewire/Synthesizers/RuleSynth.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Synthesizers;
+
+use Illuminate\Contracts\Validation\Rule;
+use Livewire\Mechanisms\HandleComponents\Synthesizers\Synth;
+
+class RuleSynth extends Synth
+{
+    public static $key = 'rule';
+
+    public static function match($target)
+    {
+        return $target instanceof Rule;
+    }
+
+    public function dehydrate($target)
+    {
+        return [
+            invade($target)->parameters,
+            ['class' => get_class($target)],
+        ];
+    }
+
+    public function hydrate($value, $meta)
+    {
+        return new $meta['class']($value);
+    }
+}
diff --git a/src/ServiceProvider.php b/src/ServiceProvider.php
index b9d103b6..b341790c 100644
--- a/src/ServiceProvider.php
+++ b/src/ServiceProvider.php
@@ -6,6 +6,7 @@
 use Aerni\LivewireForms\Livewire\DynamicForm;
 use Aerni\LivewireForms\Livewire\Form;
 use Aerni\LivewireForms\Livewire\Synthesizers\FieldSynth;
+use Aerni\LivewireForms\Livewire\Synthesizers\RuleSynth;
 use Illuminate\Support\Facades\Blade;
 use Illuminate\Support\Facades\Validator;
 use Livewire\Livewire;
@@ -60,6 +61,7 @@ protected function bootLivewire(): self
         Livewire::component('form', DynamicForm::class);
         Livewire::component('default-form', Form::class);
         Livewire::propertySynthesizer(FieldSynth::class);
+        Livewire::propertySynthesizer(RuleSynth::class);
 
         return $this;
     }

From db1da9ee6b8799d80cac51c2443250818e932939 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 25 Apr 2024 15:28:43 -0400
Subject: [PATCH 194/209] We can directly set the value

---
 src/Livewire/Synthesizers/FieldSynth.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Livewire/Synthesizers/FieldSynth.php b/src/Livewire/Synthesizers/FieldSynth.php
index 5c1a938e..08de5909 100644
--- a/src/Livewire/Synthesizers/FieldSynth.php
+++ b/src/Livewire/Synthesizers/FieldSynth.php
@@ -49,6 +49,6 @@ public function get(&$target, $key)
 
     public function set(&$target, $key, $value)
     {
-        $target->get($key)->value($value);
+        $target->value($value);
     }
 }

From 56b523cb2879f7a22605b0fafb2644157911bbd0 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 1 May 2024 17:53:42 -0400
Subject: [PATCH 195/209] Rename section order to number

---
 src/Form/Section.php                 | 6 +++---
 src/Livewire/Concerns/WithFields.php | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Form/Section.php b/src/Form/Section.php
index 49dcd43c..1f229792 100644
--- a/src/Form/Section.php
+++ b/src/Form/Section.php
@@ -10,7 +10,7 @@ class Section
 {
     public function __construct(
         protected Collection $fields,
-        protected int $order,
+        protected int $number,
         protected ?string $display,
         protected ?string $instructions,
     ) {
@@ -18,12 +18,12 @@ public function __construct(
 
     public function handle(): string
     {
-        return Str::snake($this->display ?? $this->order);
+        return Str::snake($this->display ?? $this->number);
     }
 
     public function id(): string
     {
-        return Livewire::current()->getId().'-section-'.$this->order;
+        return Livewire::current()->getId().'-section-'.$this->number;
     }
 
     public function display(): ?string
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index ae5f7f9b..e7a5f38e 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -63,7 +63,7 @@ public function sections(): Collection
             ->values()
             ->map(fn ($section, $index) => (new Section(
                 fields: $this->fields->intersectByKeys($section->fields()->all()),
-                order: $index + 1,
+                number: $index + 1,
                 display: $section->display(),
                 instructions: $section->instructions(),
             )));

From 0c23e35287dbd14cb92e0a777e01ea666bd17d13 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 8 May 2024 16:50:17 -0400
Subject: [PATCH 196/209] Add Wizard (#50)

---
 .github/workflows/run-tests.yaml              |   2 +-
 composer.json                                 |   2 +-
 resources/dist/js/livewire-forms.js           |   2 +-
 resources/js/alpine/form.js                   |  11 ++
 resources/views/default.blade.php             |  14 +-
 .../views/default/buttons/next.blade.php      |  21 +++
 .../views/default/buttons/previous.blade.php  |  21 +++
 .../views/default/buttons/submit.blade.php    |  20 +++
 .../views/default/fields/toggle.blade.php     |   2 +-
 resources/views/default/forms/basic.blade.php |  11 ++
 .../views/default/forms/wizard.blade.php      |  10 ++
 .../default/layouts/navigation.blade.php      |  32 ++++
 .../views/default/layouts/section.blade.php   |   2 +-
 .../views/default/layouts/sections.blade.php  |   5 -
 .../views/default/layouts/step.blade.php      |  41 +++++
 .../views/default/layouts/submit.blade.php    |  22 ---
 .../views/default/messages/errors.blade.php   |   2 +-
 .../views/default/messages/success.blade.php  |   6 +-
 resources/views/dynamic-form.blade.php        |   2 +-
 src/Captcha/ReCaptcha.php                     |   2 +-
 src/Commands/MakeComponent.php                |  16 +-
 src/Commands/MakeTheme.php                    |   2 +-
 src/Commands/MakeView.php                     |   2 +-
 .../DummyForm.php => src/Commands/form.stub   |   5 +-
 src/Enums/StepStatus.php                      |  11 ++
 src/Exceptions/StepDoesNotExist.php           |  28 ++++
 src/Fields/Properties/WithView.php            |   8 +-
 src/Fields/Properties/WithWireModel.php       |   2 +-
 src/Fields/Select.php                         |  10 +-
 src/Form/Section.php                          |   7 +-
 src/Form/Step.php                             | 105 ++++++++++++
 src/Livewire/{Form.php => BaseForm.php}       |  14 +-
 src/Livewire/Concerns/HandlesSuccess.php      |  25 ++-
 src/Livewire/Concerns/HandlesValidation.php   |  42 ++++-
 src/Livewire/Concerns/WithComponent.php       |   2 +-
 src/Livewire/Concerns/WithFields.php          |  30 ++--
 src/Livewire/Concerns/WithForm.php            |  10 ++
 src/Livewire/Concerns/WithHandle.php          |   8 +-
 src/Livewire/Concerns/WithSections.php        |  29 ++++
 src/Livewire/Concerns/WithSteps.php           | 150 ++++++++++++++++++
 src/Livewire/Concerns/WithTheme.php           |   6 +-
 src/Livewire/Concerns/WithType.php            |  29 ++++
 src/Livewire/Concerns/WithView.php            |   6 +-
 src/Livewire/DynamicForm.php                  |   2 +
 src/ServiceProvider.php                       |   5 +-
 tests/Fields/FieldsTest.php                   |   2 +-
 tests/Livewire/FormTest.php                   |   6 +-
 47 files changed, 672 insertions(+), 120 deletions(-)
 create mode 100644 resources/views/default/buttons/next.blade.php
 create mode 100644 resources/views/default/buttons/previous.blade.php
 create mode 100644 resources/views/default/buttons/submit.blade.php
 create mode 100644 resources/views/default/forms/basic.blade.php
 create mode 100644 resources/views/default/forms/wizard.blade.php
 create mode 100644 resources/views/default/layouts/navigation.blade.php
 delete mode 100644 resources/views/default/layouts/sections.blade.php
 create mode 100644 resources/views/default/layouts/step.blade.php
 delete mode 100644 resources/views/default/layouts/submit.blade.php
 rename resources/stubs/DummyForm.php => src/Commands/form.stub (95%)
 create mode 100644 src/Enums/StepStatus.php
 create mode 100644 src/Exceptions/StepDoesNotExist.php
 create mode 100644 src/Form/Step.php
 rename src/Livewire/{Form.php => BaseForm.php} (66%)
 create mode 100644 src/Livewire/Concerns/WithSections.php
 create mode 100644 src/Livewire/Concerns/WithSteps.php
 create mode 100644 src/Livewire/Concerns/WithType.php

diff --git a/.github/workflows/run-tests.yaml b/.github/workflows/run-tests.yaml
index 87590b7c..4567e880 100644
--- a/.github/workflows/run-tests.yaml
+++ b/.github/workflows/run-tests.yaml
@@ -9,7 +9,7 @@ jobs:
       fail-fast: true
       matrix:
         os: [ubuntu-latest]
-        php: [8.1, 8.2, 8.3]
+        php: [8.2, 8.3]
         laravel: [10.*]
         stability: [prefer-lowest, prefer-stable]
         include:
diff --git a/composer.json b/composer.json
index 86dee540..70ce232c 100644
--- a/composer.json
+++ b/composer.json
@@ -17,7 +17,7 @@
         }
     ],
     "require": {
-        "php": "^8.1",
+        "php": "^8.2",
         "jonassiewertsen/statamic-livewire": "^3.0",
         "laravel/framework": "^10.0",
         "laravel/prompts": "^0.1.13",
diff --git a/resources/dist/js/livewire-forms.js b/resources/dist/js/livewire-forms.js
index a01f83bb..6b738817 100644
--- a/resources/dist/js/livewire-forms.js
+++ b/resources/dist/js/livewire-forms.js
@@ -82,4 +82,4 @@ ${t}</tr>
 `}tablecell(t,a){const n=a.header?"th":"td";return(a.align?`<${n} align="${a.align}">`:`<${n}>`)+t+`</${n}>
 `}strong(t){return`<strong>${t}</strong>`}em(t){return`<em>${t}</em>`}codespan(t){return`<code>${t}</code>`}br(){return this.options.xhtml?"<br/>":"<br>"}del(t){return`<del>${t}</del>`}link(t,a,n){if(t=cleanUrl(this.options.sanitize,this.options.baseUrl,t),t===null)return n;let l='<a href="'+t+'"';return a&&(l+=' title="'+a+'"'),l+=">"+n+"</a>",l}image(t,a,n){if(t=cleanUrl(this.options.sanitize,this.options.baseUrl,t),t===null)return n;let l=`<img src="${t}" alt="${n}"`;return a&&(l+=` title="${a}"`),l+=this.options.xhtml?"/>":">",l}text(t){return t}}class TextRenderer{strong(t){return t}em(t){return t}codespan(t){return t}del(t){return t}html(t){return t}text(t){return t}link(t,a,n){return""+n}image(t,a,n){return""+n}br(){return""}}class Slugger{constructor(){this.seen={}}serialize(t){return t.toLowerCase().trim().replace(/<[!\/a-z].*?>/ig,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")}getNextSafeSlug(t,a){let n=t,l=0;if(this.seen.hasOwnProperty(n)){l=this.seen[t];do l++,n=t+"-"+l;while(this.seen.hasOwnProperty(n))}return a||(this.seen[t]=l,this.seen[n]=0),n}slug(t,a={}){const n=this.serialize(t);return this.getNextSafeSlug(n,a.dryrun)}}class Parser{constructor(t){this.options=t||defaults,this.options.renderer=this.options.renderer||new Renderer,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new TextRenderer,this.slugger=new Slugger}static parse(t,a){return new Parser(a).parse(t)}static parseInline(t,a){return new Parser(a).parseInline(t)}parse(t,a=!0){let n="",l,r,s,o,c,u,d,p,h,m,g,E,T,I,f,b,S,R,A;const O=t.length;for(l=0;l<O;l++){if(m=t[l],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[m.type]&&(A=this.options.extensions.renderers[m.type].call({parser:this},m),A!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(m.type))){n+=A||"";continue}switch(m.type){case"space":continue;case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(m.tokens),m.depth,unescape$1(this.parseInline(m.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(m.text,m.lang,m.escaped);continue}case"table":{for(p="",d="",o=m.header.length,r=0;r<o;r++)d+=this.renderer.tablecell(this.parseInline(m.header[r].tokens),{header:!0,align:m.align[r]});for(p+=this.renderer.tablerow(d),h="",o=m.rows.length,r=0;r<o;r++){for(u=m.rows[r],d="",c=u.length,s=0;s<c;s++)d+=this.renderer.tablecell(this.parseInline(u[s].tokens),{header:!1,align:m.align[s]});h+=this.renderer.tablerow(d)}n+=this.renderer.table(p,h);continue}case"blockquote":{h=this.parse(m.tokens),n+=this.renderer.blockquote(h);continue}case"list":{for(g=m.ordered,E=m.start,T=m.loose,o=m.items.length,h="",r=0;r<o;r++)f=m.items[r],b=f.checked,S=f.task,I="",f.task&&(R=this.renderer.checkbox(b),T?f.tokens.length>0&&f.tokens[0].type==="paragraph"?(f.tokens[0].text=R+" "+f.tokens[0].text,f.tokens[0].tokens&&f.tokens[0].tokens.length>0&&f.tokens[0].tokens[0].type==="text"&&(f.tokens[0].tokens[0].text=R+" "+f.tokens[0].tokens[0].text)):f.tokens.unshift({type:"text",text:R}):I+=R),I+=this.parse(f.tokens,T),h+=this.renderer.listitem(I,S,b);n+=this.renderer.list(h,g,E);continue}case"html":{n+=this.renderer.html(m.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(m.tokens));continue}case"text":{for(h=m.tokens?this.parseInline(m.tokens):m.text;l+1<O&&t[l+1].type==="text";)m=t[++l],h+=`
 `+(m.tokens?this.parseInline(m.tokens):m.text);n+=a?this.renderer.paragraph(h):h;continue}default:{const L='Token with "'+m.type+'" type was not found.';if(this.options.silent){console.error(L);return}else throw new Error(L)}}}return n}parseInline(t,a){a=a||this.renderer;let n="",l,r,s;const o=t.length;for(l=0;l<o;l++){if(r=t[l],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[r.type]&&(s=this.options.extensions.renderers[r.type].call({parser:this},r),s!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(r.type))){n+=s||"";continue}switch(r.type){case"escape":{n+=a.text(r.text);break}case"html":{n+=a.html(r.text);break}case"link":{n+=a.link(r.href,r.title,this.parseInline(r.tokens,a));break}case"image":{n+=a.image(r.href,r.title,r.text);break}case"strong":{n+=a.strong(this.parseInline(r.tokens,a));break}case"em":{n+=a.em(this.parseInline(r.tokens,a));break}case"codespan":{n+=a.codespan(r.text);break}case"br":{n+=a.br();break}case"del":{n+=a.del(this.parseInline(r.tokens,a));break}case"text":{n+=a.text(r.text);break}default:{const c='Token with "'+r.type+'" type was not found.';if(this.options.silent){console.error(c);return}else throw new Error(c)}}}return n}}class Hooks{constructor(t){this.options=t||defaults}preprocess(t){return t}postprocess(t){return t}}Z(Hooks,"passThroughHooks",new Set(["preprocess","postprocess"]));function onError(e,t,a){return n=>{if(n.message+=`
-Please report this to https://github.com/markedjs/marked.`,e){const l="<p>An error occurred:</p><pre>"+escape(n.message+"",!0)+"</pre>";if(t)return Promise.resolve(l);if(a){a(null,l);return}return l}if(t)return Promise.reject(n);if(a){a(n);return}throw n}}function parseMarkdown(e,t){return(a,n,l)=>{typeof n=="function"&&(l=n,n=null);const r={...n};n={...marked.defaults,...r};const s=onError(n.silent,n.async,l);if(typeof a>"u"||a===null)return s(new Error("marked(): input parameter is undefined or null"));if(typeof a!="string")return s(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(a)+", string expected"));if(checkSanitizeDeprecation(n),n.hooks&&(n.hooks.options=n),l){const o=n.highlight;let c;try{n.hooks&&(a=n.hooks.preprocess(a)),c=e(a,n)}catch(p){return s(p)}const u=function(p){let h;if(!p)try{n.walkTokens&&marked.walkTokens(c,n.walkTokens),h=t(c,n),n.hooks&&(h=n.hooks.postprocess(h))}catch(m){p=m}return n.highlight=o,p?s(p):l(null,h)};if(!o||o.length<3||(delete n.highlight,!c.length))return u();let d=0;marked.walkTokens(c,function(p){p.type==="code"&&(d++,setTimeout(()=>{o(p.text,p.lang,function(h,m){if(h)return u(h);m!=null&&m!==p.text&&(p.text=m,p.escaped=!0),d--,d===0&&u()})},0))}),d===0&&u();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(a):a).then(o=>e(o,n)).then(o=>n.walkTokens?Promise.all(marked.walkTokens(o,n.walkTokens)).then(()=>o):o).then(o=>t(o,n)).then(o=>n.hooks?n.hooks.postprocess(o):o).catch(s);try{n.hooks&&(a=n.hooks.preprocess(a));const o=e(a,n);n.walkTokens&&marked.walkTokens(o,n.walkTokens);let c=t(o,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(o){return s(o)}}}function marked(e,t,a){return parseMarkdown(Lexer.lex,Parser.parse)(e,t,a)}marked.options=marked.setOptions=function(e){return marked.defaults={...marked.defaults,...e},changeDefaults(marked.defaults),marked},marked.getDefaults=getDefaults,marked.defaults=defaults,marked.use=function(...e){const t=marked.defaults.extensions||{renderers:{},childTokens:{}};e.forEach(a=>{const n={...a};if(n.async=marked.defaults.async||n.async||!1,a.extensions&&(a.extensions.forEach(l=>{if(!l.name)throw new Error("extension name required");if(l.renderer){const r=t.renderers[l.name];r?t.renderers[l.name]=function(...s){let o=l.renderer.apply(this,s);return o===!1&&(o=r.apply(this,s)),o}:t.renderers[l.name]=l.renderer}if(l.tokenizer){if(!l.level||l.level!=="block"&&l.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");t[l.level]?t[l.level].unshift(l.tokenizer):t[l.level]=[l.tokenizer],l.start&&(l.level==="block"?t.startBlock?t.startBlock.push(l.start):t.startBlock=[l.start]:l.level==="inline"&&(t.startInline?t.startInline.push(l.start):t.startInline=[l.start]))}l.childTokens&&(t.childTokens[l.name]=l.childTokens)}),n.extensions=t),a.renderer){const l=marked.defaults.renderer||new Renderer;for(const r in a.renderer){const s=l[r];l[r]=(...o)=>{let c=a.renderer[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.renderer=l}if(a.tokenizer){const l=marked.defaults.tokenizer||new Tokenizer;for(const r in a.tokenizer){const s=l[r];l[r]=(...o)=>{let c=a.tokenizer[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.tokenizer=l}if(a.hooks){const l=marked.defaults.hooks||new Hooks;for(const r in a.hooks){const s=l[r];Hooks.passThroughHooks.has(r)?l[r]=o=>{if(marked.defaults.async)return Promise.resolve(a.hooks[r].call(l,o)).then(u=>s.call(l,u));const c=a.hooks[r].call(l,o);return s.call(l,c)}:l[r]=(...o)=>{let c=a.hooks[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.hooks=l}if(a.walkTokens){const l=marked.defaults.walkTokens;n.walkTokens=function(r){let s=[];return s.push(a.walkTokens.call(this,r)),l&&(s=s.concat(l.call(this,r))),s}}marked.setOptions(n)})},marked.walkTokens=function(e,t){let a=[];for(const n of e)switch(a=a.concat(t.call(marked,n)),n.type){case"table":{for(const l of n.header)a=a.concat(marked.walkTokens(l.tokens,t));for(const l of n.rows)for(const r of l)a=a.concat(marked.walkTokens(r.tokens,t));break}case"list":{a=a.concat(marked.walkTokens(n.items,t));break}default:marked.defaults.extensions&&marked.defaults.extensions.childTokens&&marked.defaults.extensions.childTokens[n.type]?marked.defaults.extensions.childTokens[n.type].forEach(function(l){a=a.concat(marked.walkTokens(n[l],t))}):n.tokens&&(a=a.concat(marked.walkTokens(n.tokens,t)))}return a},marked.parseInline=parseMarkdown(Lexer.lexInline,Parser.parseInline),marked.Parser=Parser,marked.parser=Parser.parse,marked.Renderer=Renderer,marked.TextRenderer=TextRenderer,marked.Lexer=Lexer,marked.lexer=Lexer.lex,marked.Tokenizer=Tokenizer,marked.Slugger=Slugger,marked.Hooks=Hooks,marked.parse=marked,marked.options,marked.setOptions,marked.use,marked.walkTokens,marked.parseInline,Parser.parse,Lexer.lex;function getAugmentedNamespace(e){if(e.__esModule)return e;var t=e.default;if(typeof t=="function"){var a=function n(){return this instanceof n?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};a.prototype=t.prototype}else a={};return Object.defineProperty(a,"__esModule",{value:!0}),Object.keys(e).forEach(function(n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}),a}function commonjsRequire(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var uniqid={exports:{}};const __viteBrowserExternal={},__viteBrowserExternal$1=Object.freeze(Object.defineProperty({__proto__:null,default:__viteBrowserExternal},Symbol.toStringTag,{value:"Module"})),require$$0=getAugmentedNamespace(__viteBrowserExternal$1);var pid=typeof process<"u"&&process.pid?process.pid.toString(36):"",address="";if(typeof __webpack_require__!="function"&&typeof commonjsRequire<"u"){var mac="",os=require$$0;if(os.networkInterfaces)var networkInterfaces=os.networkInterfaces();if(networkInterfaces){e:for(let e in networkInterfaces){const t=networkInterfaces[e],a=t.length;for(var i=0;i<a;i++)if(t[i]!==void 0&&t[i].mac&&t[i].mac!="00:00:00:00:00:00"){mac=t[i].mac;break e}}address=mac?parseInt(mac.replace(/\:|\D+/gi,"")).toString(36):""}}uniqid.exports=uniqid.exports.default=function(e,t){return(e||"")+address+pid+now().toString(36)+(t||"")},uniqid.exports.process=function(e,t){return(e||"")+pid+now().toString(36)+(t||"")},uniqid.exports.time=function(e,t){return(e||"")+now().toString(36)+(t||"")};function now(){var e=Date.now(),t=now.last||e;return now.last=e>t?e:t+1}function data_get(e,t,a=null){var n=Array.isArray(t)?t:t.split("."),l=n.reduce((r,s)=>r&&r[s],e);return l!==void 0?l:a}const isString=tagTester("String");var isArguments=tagTester("Arguments");(function(){isArguments(arguments)||(isArguments=function(e){return has(e,"callee")})})();const isArguments$1=isArguments;function isEmpty(e){if(e==null)return!0;var t=getLength(e);return typeof t=="number"&&(isArray(e)||isString(e)||isArguments$1(e))?t===0:getLength(keys(e))===0}function values(e){for(var t=keys(e),a=t.length,n=Array(a),l=0;l<a;l++)n[l]=e[t[l]];return n}function sortedIndex(e,t,a,n){a=cb(a,n,1);for(var l=a(t),r=0,s=getLength(e);r<s;){var o=Math.floor((r+s)/2);a(e[o])<l?r=o+1:s=o}return r}function createPredicateIndexFinder(e){return function(t,a,n){a=cb(a,n);for(var l=getLength(t),r=e>0?0:l-1;r>=0&&r<l;r+=e)if(a(t[r],r,t))return r;return-1}}const findIndex=createPredicateIndexFinder(1),isNumber=tagTester("Number");function isNaN$1(e){return isNumber(e)&&_isNaN(e)}function createIndexFinder(e,t,a){return function(n,l,r){var s=0,o=getLength(n);if(typeof r=="number")e>0?s=r>=0?r:Math.max(r+o,s):o=r>=0?Math.min(r+1,o):r+o+1;else if(a&&r&&o)return r=a(n,l),n[r]===l?r:-1;if(l!==l)return r=t(slice.call(n,s,o),isNaN$1),r>=0?r+s:-1;for(r=e>0?s:o-1;r>=0&&r<o;r+=e)if(n[r]===l)return r;return-1}}const indexOf=createIndexFinder(1,findIndex,sortedIndex);function contains(e,t,a,n){return isArrayLike(e)||(e=values(e)),(typeof a!="number"||n)&&(a=0),indexOf(e,t,a)>=0}function intersection(e){for(var t=[],a=arguments.length,n=0,l=getLength(e);n<l;n++){var r=e[n];if(!contains(t,r)){var s;for(s=1;s<a&&contains(arguments[s],r);s++);s===a&&t.push(r)}}return t}function negate(e){return function(){return!e.apply(this,arguments)}}function reject(e,t,a){return filter(e,negate(cb(t)),a)}function initial(e,t,a){return slice.call(e,0,Math.max(0,e.length-(t==null||a?1:t)))}function first(e,t,a){return e==null||e.length<1?t==null||a?void 0:[]:t==null||a?e[0]:initial(e,e.length-t)}mixin({chain,map,each,filter,reject,first,isEmpty});const NUMBER_SPECIFIC_COMPARISONS=[">",">=","<","<="];class Validator{constructor(e,t,a,n){this.field=e,this.values=t,this.rootValues=a?a.state.publish[n].values:!1,this.store=a,this.storeName=n,this.passOnAny=!1,this.showOnPass=!0,this.converter=new Converter}passesConditions(e){let t=e||this.getConditions();if(t===void 0)return!0;if(this.isCustomConditionWithoutTarget(t))return this.passesCustomCondition(this.prepareCondition(t));let a=this.passOnAny?this.passesAnyConditions(t):this.passesAllConditions(t);return this.showOnPass?a:!a}getConditions(){let e=chain(KEYS).filter(a=>this.field[a]).first().value();if(!e)return;e.includes("any")&&(this.passOnAny=!0),(e.includes("unless")||e.includes("hide_when"))&&(this.showOnPass=!1);let t=this.field[e];return this.isCustomConditionWithoutTarget(t)?t:this.converter.fromBlueprint(t,this.field.prefix)}isCustomConditionWithoutTarget(e){return isString(e)}passesAllConditions(e){return chain(e).map(t=>this.prepareCondition(t)).reject(t=>this.passesCondition(t)).isEmpty().value()}passesAnyConditions(e){return!chain(e).map(t=>this.prepareCondition(t)).filter(t=>this.passesCondition(t)).isEmpty().value()}prepareCondition(e){if(isString(e)||e.operator==="custom")return this.prepareCustomCondition(e);let t=this.prepareOperator(e.operator),a=this.prepareLhs(e.field,t),n=this.prepareRhs(e.value,t);return{lhs:a,operator:t,rhs:n}}prepareOperator(e){switch(e){case null:case"":case"is":case"equals":return"==";case"isnt":case"not":case"¯\\_(ツ)_/¯":return"!=";case"includes":case"contains":return"includes";case"includes_any":case"contains_any":return"includes_any"}return e}prepareLhs(e,t){let a=this.getFieldValue(e);return NUMBER_SPECIFIC_COMPARISONS.includes(t)?Number(a):t==="includes"&&!isObject(a)?a?a.toString():"":(isString(a)&&isEmpty(a)&&(a=null),isString(a)?JSON.stringify(a.trim()):a)}prepareRhs(e,t){switch(e){case"null":return null;case"true":return!0;case"false":return!1}return NUMBER_SPECIFIC_COMPARISONS.includes(t)?Number(e):e==="empty"||t==="includes"||t==="includes_any"?e:isString(e)?JSON.stringify(e.trim()):e}prepareCustomCondition(e){let t=this.prepareFunctionName(e.value||e),a=this.prepareParams(e.value||e),n=e.field?this.getFieldValue(e.field):null,l=e.field;return{functionName:t,params:a,target:n,targetHandle:l}}prepareFunctionName(e){return e.replace(new RegExp("^custom "),"").split(":")[0]}prepareParams(e){let t=e.split(":")[1];return t?t.split(",").map(a=>a.trim()):[]}getFieldValue(e){return e.startsWith("root.")?data_get(this.rootValues,e.replace(new RegExp("^root."),"")):data_get(this.values,e)}passesCondition(condition){return condition.functionName?this.passesCustomCondition(condition):condition.operator==="includes"?this.passesIncludesCondition(condition):condition.operator==="includes_any"?this.passesIncludesAnyCondition(condition):(condition.rhs==="empty"&&(condition.lhs=isEmpty(condition.lhs),condition.rhs=!0),isObject(condition.lhs)?!1:eval(`${condition.lhs} ${condition.operator} ${condition.rhs}`))}passesIncludesCondition(e){return e.lhs.includes(e.rhs)}passesIncludesAnyCondition(e){let t=e.rhs.split(",").map(a=>a.trim());return Array.isArray(e.lhs)?intersection(e.lhs,t).length:new RegExp(t.join("|")).test(e.lhs)}passesCustomCondition(e){let t=data_get(this.store.state.statamic.conditions,e.functionName);if(typeof t!="function")return console.error(`Statamic field condition [${e.functionName}] was not properly defined.`),!1;let a=t({params:e.params,target:e.target,targetHandle:e.targetHandle,values:this.values,root:this.rootValues,store:this.store,storeName:this.storeName});return this.showOnPass?a:!a}passesNonRevealerConditions(e){let t=this.getConditions();if(this.isCustomConditionWithoutTarget(t))return this.passesConditions(t);let a=data_get(this.store.state.publish[this.storeName],"revealerFields",[]),n=chain(this.getConditions()).reject(l=>a.includes(this.relativeLhsToAbsoluteFieldPath(l.field,e))).value();return this.passesConditions(n)}relativeLhsToAbsoluteFieldPath(e,t){return t?e.startsWith("root.")?e.replace(/^root\./,""):t+"."+e:e}}class FieldConditions{showField(t,a){return new Validator(t,a).passesConditions()}}const form=()=>({fields:{},conditions:new FieldConditions,processFields(e){const t=Object.entries(e).reduce((a,[n,l])=>(a[n]=l.value,a),{});this.fields=Object.entries(e).reduce((a,[n,l])=>{const r=this.conditions.showField(l.properties.conditions,t);return a[n]={visible:r&&!l.properties.hidden,submittable:l.properties.always_save||r,section:l.section},this.$wire.submittableFields[n]=a[n].submittable,a},{})},fieldsBySection(e){return Object.entries(this.fields).reduce((t,[a,n])=>{let l=n.section;return t[l]||(t[l]={}),t[l][a]=n,t},{})[e]},showField(e){return this.fields[e].visible},showSection(e){return Object.entries(this.fieldsBySection(e)).some(([t])=>this.fields[t].visible)}});Alpine.data("filepond",filepond),Alpine.data("form",form)});
+Please report this to https://github.com/markedjs/marked.`,e){const l="<p>An error occurred:</p><pre>"+escape(n.message+"",!0)+"</pre>";if(t)return Promise.resolve(l);if(a){a(null,l);return}return l}if(t)return Promise.reject(n);if(a){a(n);return}throw n}}function parseMarkdown(e,t){return(a,n,l)=>{typeof n=="function"&&(l=n,n=null);const r={...n};n={...marked.defaults,...r};const s=onError(n.silent,n.async,l);if(typeof a>"u"||a===null)return s(new Error("marked(): input parameter is undefined or null"));if(typeof a!="string")return s(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(a)+", string expected"));if(checkSanitizeDeprecation(n),n.hooks&&(n.hooks.options=n),l){const o=n.highlight;let c;try{n.hooks&&(a=n.hooks.preprocess(a)),c=e(a,n)}catch(p){return s(p)}const u=function(p){let h;if(!p)try{n.walkTokens&&marked.walkTokens(c,n.walkTokens),h=t(c,n),n.hooks&&(h=n.hooks.postprocess(h))}catch(m){p=m}return n.highlight=o,p?s(p):l(null,h)};if(!o||o.length<3||(delete n.highlight,!c.length))return u();let d=0;marked.walkTokens(c,function(p){p.type==="code"&&(d++,setTimeout(()=>{o(p.text,p.lang,function(h,m){if(h)return u(h);m!=null&&m!==p.text&&(p.text=m,p.escaped=!0),d--,d===0&&u()})},0))}),d===0&&u();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(a):a).then(o=>e(o,n)).then(o=>n.walkTokens?Promise.all(marked.walkTokens(o,n.walkTokens)).then(()=>o):o).then(o=>t(o,n)).then(o=>n.hooks?n.hooks.postprocess(o):o).catch(s);try{n.hooks&&(a=n.hooks.preprocess(a));const o=e(a,n);n.walkTokens&&marked.walkTokens(o,n.walkTokens);let c=t(o,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(o){return s(o)}}}function marked(e,t,a){return parseMarkdown(Lexer.lex,Parser.parse)(e,t,a)}marked.options=marked.setOptions=function(e){return marked.defaults={...marked.defaults,...e},changeDefaults(marked.defaults),marked},marked.getDefaults=getDefaults,marked.defaults=defaults,marked.use=function(...e){const t=marked.defaults.extensions||{renderers:{},childTokens:{}};e.forEach(a=>{const n={...a};if(n.async=marked.defaults.async||n.async||!1,a.extensions&&(a.extensions.forEach(l=>{if(!l.name)throw new Error("extension name required");if(l.renderer){const r=t.renderers[l.name];r?t.renderers[l.name]=function(...s){let o=l.renderer.apply(this,s);return o===!1&&(o=r.apply(this,s)),o}:t.renderers[l.name]=l.renderer}if(l.tokenizer){if(!l.level||l.level!=="block"&&l.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");t[l.level]?t[l.level].unshift(l.tokenizer):t[l.level]=[l.tokenizer],l.start&&(l.level==="block"?t.startBlock?t.startBlock.push(l.start):t.startBlock=[l.start]:l.level==="inline"&&(t.startInline?t.startInline.push(l.start):t.startInline=[l.start]))}l.childTokens&&(t.childTokens[l.name]=l.childTokens)}),n.extensions=t),a.renderer){const l=marked.defaults.renderer||new Renderer;for(const r in a.renderer){const s=l[r];l[r]=(...o)=>{let c=a.renderer[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.renderer=l}if(a.tokenizer){const l=marked.defaults.tokenizer||new Tokenizer;for(const r in a.tokenizer){const s=l[r];l[r]=(...o)=>{let c=a.tokenizer[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.tokenizer=l}if(a.hooks){const l=marked.defaults.hooks||new Hooks;for(const r in a.hooks){const s=l[r];Hooks.passThroughHooks.has(r)?l[r]=o=>{if(marked.defaults.async)return Promise.resolve(a.hooks[r].call(l,o)).then(u=>s.call(l,u));const c=a.hooks[r].call(l,o);return s.call(l,c)}:l[r]=(...o)=>{let c=a.hooks[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.hooks=l}if(a.walkTokens){const l=marked.defaults.walkTokens;n.walkTokens=function(r){let s=[];return s.push(a.walkTokens.call(this,r)),l&&(s=s.concat(l.call(this,r))),s}}marked.setOptions(n)})},marked.walkTokens=function(e,t){let a=[];for(const n of e)switch(a=a.concat(t.call(marked,n)),n.type){case"table":{for(const l of n.header)a=a.concat(marked.walkTokens(l.tokens,t));for(const l of n.rows)for(const r of l)a=a.concat(marked.walkTokens(r.tokens,t));break}case"list":{a=a.concat(marked.walkTokens(n.items,t));break}default:marked.defaults.extensions&&marked.defaults.extensions.childTokens&&marked.defaults.extensions.childTokens[n.type]?marked.defaults.extensions.childTokens[n.type].forEach(function(l){a=a.concat(marked.walkTokens(n[l],t))}):n.tokens&&(a=a.concat(marked.walkTokens(n.tokens,t)))}return a},marked.parseInline=parseMarkdown(Lexer.lexInline,Parser.parseInline),marked.Parser=Parser,marked.parser=Parser.parse,marked.Renderer=Renderer,marked.TextRenderer=TextRenderer,marked.Lexer=Lexer,marked.lexer=Lexer.lex,marked.Tokenizer=Tokenizer,marked.Slugger=Slugger,marked.Hooks=Hooks,marked.parse=marked,marked.options,marked.setOptions,marked.use,marked.walkTokens,marked.parseInline,Parser.parse,Lexer.lex;function getAugmentedNamespace(e){if(e.__esModule)return e;var t=e.default;if(typeof t=="function"){var a=function n(){return this instanceof n?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};a.prototype=t.prototype}else a={};return Object.defineProperty(a,"__esModule",{value:!0}),Object.keys(e).forEach(function(n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}),a}function commonjsRequire(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var uniqid={exports:{}};const __viteBrowserExternal={},__viteBrowserExternal$1=Object.freeze(Object.defineProperty({__proto__:null,default:__viteBrowserExternal},Symbol.toStringTag,{value:"Module"})),require$$0=getAugmentedNamespace(__viteBrowserExternal$1);var pid=typeof process<"u"&&process.pid?process.pid.toString(36):"",address="";if(typeof __webpack_require__!="function"&&typeof commonjsRequire<"u"){var mac="",os=require$$0;if(os.networkInterfaces)var networkInterfaces=os.networkInterfaces();if(networkInterfaces){e:for(let e in networkInterfaces){const t=networkInterfaces[e],a=t.length;for(var i=0;i<a;i++)if(t[i]!==void 0&&t[i].mac&&t[i].mac!="00:00:00:00:00:00"){mac=t[i].mac;break e}}address=mac?parseInt(mac.replace(/\:|\D+/gi,"")).toString(36):""}}uniqid.exports=uniqid.exports.default=function(e,t){return(e||"")+address+pid+now().toString(36)+(t||"")},uniqid.exports.process=function(e,t){return(e||"")+pid+now().toString(36)+(t||"")},uniqid.exports.time=function(e,t){return(e||"")+now().toString(36)+(t||"")};function now(){var e=Date.now(),t=now.last||e;return now.last=e>t?e:t+1}function data_get(e,t,a=null){var n=Array.isArray(t)?t:t.split("."),l=n.reduce((r,s)=>r&&r[s],e);return l!==void 0?l:a}const isString=tagTester("String");var isArguments=tagTester("Arguments");(function(){isArguments(arguments)||(isArguments=function(e){return has(e,"callee")})})();const isArguments$1=isArguments;function isEmpty(e){if(e==null)return!0;var t=getLength(e);return typeof t=="number"&&(isArray(e)||isString(e)||isArguments$1(e))?t===0:getLength(keys(e))===0}function values(e){for(var t=keys(e),a=t.length,n=Array(a),l=0;l<a;l++)n[l]=e[t[l]];return n}function sortedIndex(e,t,a,n){a=cb(a,n,1);for(var l=a(t),r=0,s=getLength(e);r<s;){var o=Math.floor((r+s)/2);a(e[o])<l?r=o+1:s=o}return r}function createPredicateIndexFinder(e){return function(t,a,n){a=cb(a,n);for(var l=getLength(t),r=e>0?0:l-1;r>=0&&r<l;r+=e)if(a(t[r],r,t))return r;return-1}}const findIndex=createPredicateIndexFinder(1),isNumber=tagTester("Number");function isNaN$1(e){return isNumber(e)&&_isNaN(e)}function createIndexFinder(e,t,a){return function(n,l,r){var s=0,o=getLength(n);if(typeof r=="number")e>0?s=r>=0?r:Math.max(r+o,s):o=r>=0?Math.min(r+1,o):r+o+1;else if(a&&r&&o)return r=a(n,l),n[r]===l?r:-1;if(l!==l)return r=t(slice.call(n,s,o),isNaN$1),r>=0?r+s:-1;for(r=e>0?s:o-1;r>=0&&r<o;r+=e)if(n[r]===l)return r;return-1}}const indexOf=createIndexFinder(1,findIndex,sortedIndex);function contains(e,t,a,n){return isArrayLike(e)||(e=values(e)),(typeof a!="number"||n)&&(a=0),indexOf(e,t,a)>=0}function intersection(e){for(var t=[],a=arguments.length,n=0,l=getLength(e);n<l;n++){var r=e[n];if(!contains(t,r)){var s;for(s=1;s<a&&contains(arguments[s],r);s++);s===a&&t.push(r)}}return t}function negate(e){return function(){return!e.apply(this,arguments)}}function reject(e,t,a){return filter(e,negate(cb(t)),a)}function initial(e,t,a){return slice.call(e,0,Math.max(0,e.length-(t==null||a?1:t)))}function first(e,t,a){return e==null||e.length<1?t==null||a?void 0:[]:t==null||a?e[0]:initial(e,e.length-t)}mixin({chain,map,each,filter,reject,first,isEmpty});const NUMBER_SPECIFIC_COMPARISONS=[">",">=","<","<="];class Validator{constructor(e,t,a,n){this.field=e,this.values=t,this.rootValues=a?a.state.publish[n].values:!1,this.store=a,this.storeName=n,this.passOnAny=!1,this.showOnPass=!0,this.converter=new Converter}passesConditions(e){let t=e||this.getConditions();if(t===void 0)return!0;if(this.isCustomConditionWithoutTarget(t))return this.passesCustomCondition(this.prepareCondition(t));let a=this.passOnAny?this.passesAnyConditions(t):this.passesAllConditions(t);return this.showOnPass?a:!a}getConditions(){let e=chain(KEYS).filter(a=>this.field[a]).first().value();if(!e)return;e.includes("any")&&(this.passOnAny=!0),(e.includes("unless")||e.includes("hide_when"))&&(this.showOnPass=!1);let t=this.field[e];return this.isCustomConditionWithoutTarget(t)?t:this.converter.fromBlueprint(t,this.field.prefix)}isCustomConditionWithoutTarget(e){return isString(e)}passesAllConditions(e){return chain(e).map(t=>this.prepareCondition(t)).reject(t=>this.passesCondition(t)).isEmpty().value()}passesAnyConditions(e){return!chain(e).map(t=>this.prepareCondition(t)).filter(t=>this.passesCondition(t)).isEmpty().value()}prepareCondition(e){if(isString(e)||e.operator==="custom")return this.prepareCustomCondition(e);let t=this.prepareOperator(e.operator),a=this.prepareLhs(e.field,t),n=this.prepareRhs(e.value,t);return{lhs:a,operator:t,rhs:n}}prepareOperator(e){switch(e){case null:case"":case"is":case"equals":return"==";case"isnt":case"not":case"¯\\_(ツ)_/¯":return"!=";case"includes":case"contains":return"includes";case"includes_any":case"contains_any":return"includes_any"}return e}prepareLhs(e,t){let a=this.getFieldValue(e);return NUMBER_SPECIFIC_COMPARISONS.includes(t)?Number(a):t==="includes"&&!isObject(a)?a?a.toString():"":(isString(a)&&isEmpty(a)&&(a=null),isString(a)?JSON.stringify(a.trim()):a)}prepareRhs(e,t){switch(e){case"null":return null;case"true":return!0;case"false":return!1}return NUMBER_SPECIFIC_COMPARISONS.includes(t)?Number(e):e==="empty"||t==="includes"||t==="includes_any"?e:isString(e)?JSON.stringify(e.trim()):e}prepareCustomCondition(e){let t=this.prepareFunctionName(e.value||e),a=this.prepareParams(e.value||e),n=e.field?this.getFieldValue(e.field):null,l=e.field;return{functionName:t,params:a,target:n,targetHandle:l}}prepareFunctionName(e){return e.replace(new RegExp("^custom "),"").split(":")[0]}prepareParams(e){let t=e.split(":")[1];return t?t.split(",").map(a=>a.trim()):[]}getFieldValue(e){return e.startsWith("root.")?data_get(this.rootValues,e.replace(new RegExp("^root."),"")):data_get(this.values,e)}passesCondition(condition){return condition.functionName?this.passesCustomCondition(condition):condition.operator==="includes"?this.passesIncludesCondition(condition):condition.operator==="includes_any"?this.passesIncludesAnyCondition(condition):(condition.rhs==="empty"&&(condition.lhs=isEmpty(condition.lhs),condition.rhs=!0),isObject(condition.lhs)?!1:eval(`${condition.lhs} ${condition.operator} ${condition.rhs}`))}passesIncludesCondition(e){return e.lhs.includes(e.rhs)}passesIncludesAnyCondition(e){let t=e.rhs.split(",").map(a=>a.trim());return Array.isArray(e.lhs)?intersection(e.lhs,t).length:new RegExp(t.join("|")).test(e.lhs)}passesCustomCondition(e){let t=data_get(this.store.state.statamic.conditions,e.functionName);if(typeof t!="function")return console.error(`Statamic field condition [${e.functionName}] was not properly defined.`),!1;let a=t({params:e.params,target:e.target,targetHandle:e.targetHandle,values:this.values,root:this.rootValues,store:this.store,storeName:this.storeName});return this.showOnPass?a:!a}passesNonRevealerConditions(e){let t=this.getConditions();if(this.isCustomConditionWithoutTarget(t))return this.passesConditions(t);let a=data_get(this.store.state.publish[this.storeName],"revealerFields",[]),n=chain(this.getConditions()).reject(l=>a.includes(this.relativeLhsToAbsoluteFieldPath(l.field,e))).value();return this.passesConditions(n)}relativeLhsToAbsoluteFieldPath(e,t){return t?e.startsWith("root.")?e.replace(/^root\./,""):t+"."+e:e}}class FieldConditions{showField(t,a){return new Validator(t,a).passesConditions()}}const form=()=>({fields:{},conditions:new FieldConditions,processFields(e){const t=Object.entries(e).reduce((a,[n,l])=>(a[n]=l.value,a),{});this.fields=Object.entries(e).reduce((a,[n,l])=>{const r=this.conditions.showField(l.properties.conditions,t);return a[n]={visible:r&&!l.properties.hidden,submittable:l.properties.always_save||r,section:l.section},this.$wire.submittableFields[n]=a[n].submittable,a},{})},fieldsBySection(e){return Object.entries(this.fields).reduce((t,[a,n])=>{let l=n.section;return t[l]||(t[l]={}),t[l][a]=n,t},{})[e]},showField(e){return this.fields[e].visible},showSection(e){return Object.entries(this.fieldsBySection(e)).some(([t])=>this.fields[t].visible)},showStep(e){let t=this.showSection(e);return this.$wire.stepVisibility[e]!==t&&(this.$wire.stepVisibility[e]=t,this.$wire.$refresh()),t}});Alpine.data("filepond",filepond),Alpine.data("form",form)});
diff --git a/resources/js/alpine/form.js b/resources/js/alpine/form.js
index 7e24df12..904e76bf 100644
--- a/resources/js/alpine/form.js
+++ b/resources/js/alpine/form.js
@@ -48,4 +48,15 @@ export default () => ({
     showSection(section) {
         return Object.entries(this.fieldsBySection(section)).some(([field]) => this.fields[field].visible)
     },
+
+    showStep(step) {
+        let visible = this.showSection(step)
+
+        if (this.$wire.stepVisibility[step] !== visible) {
+            this.$wire.stepVisibility[step] = visible
+            this.$wire.$refresh()
+        }
+
+        return visible
+    },
 })
diff --git a/resources/views/default.blade.php b/resources/views/default.blade.php
index a9ba4e19..eab27130 100644
--- a/resources/views/default.blade.php
+++ b/resources/views/default.blade.php
@@ -4,17 +4,9 @@
     x-cloak
     wire:submit="submit"
 >
-    <div class="grid gap-y-16">
-        @formView('layouts.sections')
-        <div class="grid gap-y-4">
-            @formView('fields.honeypot')
-            @formView('layouts.submit')
-            @formView('messages.errors')
-            @formView('messages.success')
-        </div>
-    </div>
+    @formView("forms.{$this->type}")
 </form>
 
-@once
+@assets
     <script type="module" src="/vendor/livewire-forms/js/livewire-forms.js"></script>
-@endonce
+@endassets
diff --git a/resources/views/default/buttons/next.blade.php b/resources/views/default/buttons/next.blade.php
new file mode 100644
index 00000000..7641decd
--- /dev/null
+++ b/resources/views/default/buttons/next.blade.php
@@ -0,0 +1,21 @@
+<button
+    type="button"
+    wire:click="nextStep"
+    wire:loading.delay.attr="disabled"
+    wire:loading.delay.class="cursor-not-allowed opacity-60 pl-11"
+    wire:target="nextStep"
+    class="relative inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white transition-all ease-in-out bg-indigo-600 border border-transparent rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+>
+    <svg
+        class="absolute left-0 w-5 h-5 ml-3 text-white animate-spin"
+        wire:loading.delay
+        wire:target="nextStep"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+    >
+        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+    </svg>
+    {{ __('Continue') }}
+</button>
diff --git a/resources/views/default/buttons/previous.blade.php b/resources/views/default/buttons/previous.blade.php
new file mode 100644
index 00000000..ecb3b856
--- /dev/null
+++ b/resources/views/default/buttons/previous.blade.php
@@ -0,0 +1,21 @@
+<button
+    type="button"
+    wire:click="previousStep"
+    wire:loading.delay.attr="disabled"
+    wire:loading.delay.class="cursor-not-allowed opacity-60 pl-11"
+    wire:target="previousStep"
+    class="relative inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-gray-700 transition-all ease-in-out border border-transparent rounded-md hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+>
+    <svg
+        class="absolute left-0 w-5 h-5 ml-3 text-gray-700 animate-spin"
+        wire:loading.delay
+        wire:target="previousStep"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+    >
+        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+    </svg>
+    {{ __('Back') }}
+</button>
diff --git a/resources/views/default/buttons/submit.blade.php b/resources/views/default/buttons/submit.blade.php
new file mode 100644
index 00000000..3e356b0f
--- /dev/null
+++ b/resources/views/default/buttons/submit.blade.php
@@ -0,0 +1,20 @@
+<button
+    type="submit"
+    class="relative inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white transition-all ease-in-out bg-indigo-600 border border-transparent rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+    wire:loading.delay.attr="disabled"
+    wire:loading.delay.class="cursor-not-allowed opacity-60 pl-11"
+    wire:target="submit"
+>
+    <svg
+        class="absolute left-0 w-5 h-5 ml-3 text-white animate-spin"
+        wire:loading.delay
+        wire:target="submit"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+    >
+        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+    </svg>
+    {{ $this->submitButtonLabel() }}
+</button>
diff --git a/resources/views/default/fields/toggle.blade.php b/resources/views/default/fields/toggle.blade.php
index 496cd901..dee975e4 100644
--- a/resources/views/default/fields/toggle.blade.php
+++ b/resources/views/default/fields/toggle.blade.php
@@ -26,7 +26,7 @@ class="w-4 h-4 text-indigo-600 border-red-300 rounded focus:ring-red-500"
             for="{{ $field->id }}"
             class="font-medium [&_a]:text-indigo-500 [&_a]:hover:text-indigo-700 [&_a]:focus-within:outline-none [&_a]:focus-within:ring-2 [&_a]:focus-within:ring-indigo-500 [&_a]:focus-within:rounded-sm {{ $errors->has($field->key) ? 'text-red-800' : 'text-gray-900' }}"
         >
-            {!! Statamic::modify($field->inline_label)->markdown() !!}
+            {!! Statamic::modify($field->inline_label ?? $field->label)->markdown() !!}
         </label>
     </div>
 </div>
diff --git a/resources/views/default/forms/basic.blade.php b/resources/views/default/forms/basic.blade.php
new file mode 100644
index 00000000..69e55bdd
--- /dev/null
+++ b/resources/views/default/forms/basic.blade.php
@@ -0,0 +1,11 @@
+<div class="flex flex-col gap-y-16">
+    @foreach($this->sections as $section)
+        @formView("layouts.section")
+    @endforeach
+    <div class="flex flex-col items-start gap-y-4">
+        @formView('buttons.submit')
+        @formView('messages.errors')
+        @formView('messages.success')
+        @formView('fields.honeypot')
+    </div>
+</div>
diff --git a/resources/views/default/forms/wizard.blade.php b/resources/views/default/forms/wizard.blade.php
new file mode 100644
index 00000000..dd88720b
--- /dev/null
+++ b/resources/views/default/forms/wizard.blade.php
@@ -0,0 +1,10 @@
+@if($this->success)
+    @formView('messages.success')
+@else
+    <div class="flex flex-col gap-y-8">
+        @formView('layouts.navigation')
+        @formView('layouts.step')
+        @formView('messages.errors')
+        @formView('fields.honeypot')
+    </div>
+@endif
diff --git a/resources/views/default/layouts/navigation.blade.php b/resources/views/default/layouts/navigation.blade.php
new file mode 100644
index 00000000..4f58fd90
--- /dev/null
+++ b/resources/views/default/layouts/navigation.blade.php
@@ -0,0 +1,32 @@
+<ol class="flex flex-wrap items-center w-full text-sm font-medium gap-y-1.5 gap-x-3">
+    @foreach($this->steps as $step)
+        <li
+            x-show="showStep('{{ $step->handle() }}')"
+            wire:key="{{ $step->id() }}"
+            class="flex items-center whitespace-nowrap gap-x-3"
+        >
+            <button
+                type="button"
+                class="
+                    inline-flex transition-all focus:outline-none focus:rounded focus:ring-2 focus:ring-indigo-500
+                    @if($step->hasErrors())
+                        text-red-600
+                    @else
+                        {{ $step->isCurrent() ? 'text-indigo-600' : 'text-gray-400 hover:text-indigo-400' }}
+                    @endif
+                "
+                @if($this->canNavigateToStep($step->number()))
+                    wire:click="{{ $step->show() }}"
+                @else
+                    disabled
+                @endif
+            >
+                {{ $step->display() }}
+            </button>
+
+            @if(!$loop->last)
+                <span class="text-gray-300 select-none" aria-hidden="true">/</span>
+            @endif
+        </li>
+    @endforeach
+</ol>
diff --git a/resources/views/default/layouts/section.blade.php b/resources/views/default/layouts/section.blade.php
index 270cc4ae..d0c88ab1 100644
--- a/resources/views/default/layouts/section.blade.php
+++ b/resources/views/default/layouts/section.blade.php
@@ -3,7 +3,7 @@
     wire:key="{{ $section->id() }}"
     aria-labelledby="{{ $section->id() }}-label"
     aria-describedby="{{ $section->id() }}-instructions"
-    class="grid gap-y-8"
+    class="flex flex-col gap-y-8"
 >
 
     @if($section->display())
diff --git a/resources/views/default/layouts/sections.blade.php b/resources/views/default/layouts/sections.blade.php
deleted file mode 100644
index 95ccace5..00000000
--- a/resources/views/default/layouts/sections.blade.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="grid gap-y-16">
-    @foreach($this->sections as $section)
-        @formView('layouts.section')
-    @endforeach
-</div>
diff --git a/resources/views/default/layouts/step.blade.php b/resources/views/default/layouts/step.blade.php
new file mode 100644
index 00000000..f6192e1a
--- /dev/null
+++ b/resources/views/default/layouts/step.blade.php
@@ -0,0 +1,41 @@
+<section
+    x-show="showStep('{{ $step->handle() }}')"
+    wire:key="{{ $step->id() }}"
+    aria-labelledby="{{ $step->id() }}-label"
+    aria-describedby="{{ $step->id() }}-instructions"
+    class="flex flex-col p-8 bg-white border rounded-lg gap-y-8"
+>
+
+    @if($step->display())
+        <div>
+            <h3 id="{{ $step->id() }}-label" class="text-lg font-medium text-gray-900">
+                {{ $step->display() }}
+            </h3>
+
+            @if($step->instructions())
+                <p id="{{ $step->id() }}-instructions" class="text-base text-gray-500">
+                    {{ $step->instructions() }}
+                </p>
+            @endif
+        </div>
+    @endif
+
+    <div class="grid grid-cols-1 gap-8 md:grid-cols-12">
+        @foreach($step->fields() as $field)
+            @formView('layouts.field')
+        @endforeach
+    </div>
+
+    <div class="flex flex-row-reverse flex-wrap items-center justify-start gap-x-3 gap-y-2">
+        @if($this->hasNextStep)
+            @formView('buttons.next')
+        @else
+            @formView('buttons.submit')
+        @endif
+
+        @if($this->hasPreviousStep)
+            @formView('buttons.previous')
+        @endif
+    </div>
+
+</section>
diff --git a/resources/views/default/layouts/submit.blade.php b/resources/views/default/layouts/submit.blade.php
deleted file mode 100644
index 40f98855..00000000
--- a/resources/views/default/layouts/submit.blade.php
+++ /dev/null
@@ -1,22 +0,0 @@
-<div>
-    <button
-        type="submit"
-        class="relative inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white transition-all ease-in-out bg-indigo-600 border border-transparent rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
-        wire:loading.delay.attr="disabled"
-        wire:loading.delay.class="cursor-not-allowed opacity-60 pl-11"
-        wire:target="submit"
-    >
-        <svg
-            class="absolute left-0 w-5 h-5 ml-3 text-white animate-spin"
-            wire:loading.delay
-            wire:target="submit"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            viewBox="0 0 24 24"
-        >
-            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-        </svg>
-        {{ $this->submitButtonLabel() }}
-    </button>
-</div>
diff --git a/resources/views/default/messages/errors.blade.php b/resources/views/default/messages/errors.blade.php
index 67a4c232..afa876c2 100644
--- a/resources/views/default/messages/errors.blade.php
+++ b/resources/views/default/messages/errors.blade.php
@@ -1,6 +1,6 @@
 @if($errors->any())
 
-    <div class="flex p-4 border-2 border-red-500 rounded-md bg-red-50">
+    <div class="flex w-full p-4 border-2 border-red-500 rounded-md bg-red-50">
         <div class="flex-shrink-0">
             <svg class="w-6 h-6 text-red-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
diff --git a/resources/views/default/messages/success.blade.php b/resources/views/default/messages/success.blade.php
index 8701adb2..3c1daf7f 100644
--- a/resources/views/default/messages/success.blade.php
+++ b/resources/views/default/messages/success.blade.php
@@ -1,6 +1,6 @@
-@if(session()->has('success'))
+@if($this->success)
 
-    <div class="flex p-4 border-2 border-green-500 rounded-md bg-green-50">
+    <div class="flex w-full p-4 border-2 border-green-500 rounded-md bg-green-50">
         <div class="flex-shrink-0">
             <svg class="w-6 h-6 text-green-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
@@ -8,7 +8,7 @@
         </div>
         <div class="ml-3">
             <h3 class="text-base font-medium text-green-900">
-                {{ session('success') }}
+                {{ $this->successMessage() }}
             </h3>
         </div>
     </div>
diff --git a/resources/views/dynamic-form.blade.php b/resources/views/dynamic-form.blade.php
index 64a9f1b5..4d512e6e 100644
--- a/resources/views/dynamic-form.blade.php
+++ b/resources/views/dynamic-form.blade.php
@@ -1,3 +1,3 @@
 <div>
-    <livewire:dynamic-component :is="$this->component" :$handle :$view :$theme />
+    <livewire:dynamic-component :is="$this->component" :$handle :$theme :$type :$view />
 </div>
diff --git a/src/Captcha/ReCaptcha.php b/src/Captcha/ReCaptcha.php
index 5f3f51df..38b81896 100644
--- a/src/Captcha/ReCaptcha.php
+++ b/src/Captcha/ReCaptcha.php
@@ -12,7 +12,7 @@ class ReCaptcha
      */
     public function verifyResponse(string $response, string $clientIp): bool
     {
-        // Hash the response to comply with memory limit of some cache drivers.
+        /* Hash the response to comply with memory limit of some cache drivers. */
         $hashedResponse = md5($response);
 
         /**
diff --git a/src/Commands/MakeComponent.php b/src/Commands/MakeComponent.php
index 1105ef71..be14f3c1 100644
--- a/src/Commands/MakeComponent.php
+++ b/src/Commands/MakeComponent.php
@@ -16,22 +16,24 @@ class MakeComponent extends Command
 {
     use RunsInPlease;
 
-    protected $signature = 'livewire-forms:component {name?}';
+    protected $signature = 'livewire-forms:component';
 
-    protected $description = 'Create a new Livewire form component';
+    protected $description = 'Create a new Livewire Forms component';
 
     public function handle(): void
     {
-        $name = $this->argument('name') ?? select(
+        $name = select(
             label: 'Select the form for which you want to create a Livewire component.',
             options: Form::all()->mapWithKeys(fn ($form) => [$form->handle() => $form->title()]),
         );
 
-        $filename = Str::of($name)->endsWith('Form') ? $name : Str::of($name)->append('Form')->studly();
+        $className = Str::of($name)->endsWith('Form') ? $name : Str::of($name)->append('Form')->studly();
 
-        $stub = File::get(__DIR__.'/../../resources/stubs/DummyForm.php');
-        $stub = str_replace('DummyForm', $filename, $stub);
-        $path = app_path("Livewire/{$filename}.php");
+        $stub = File::get(__DIR__.'/form.stub');
+
+        $stub = str_replace('[className]', $className, $stub);
+
+        $path = app_path("Livewire/{$className}.php");
 
         if (! File::exists($path) || confirm(label: 'A component with this name already exists. Do you want to overwrite it?', default: false)) {
             File::ensureDirectoryExists(app_path('Livewire'));
diff --git a/src/Commands/MakeTheme.php b/src/Commands/MakeTheme.php
index 77a81e17..f18f5727 100644
--- a/src/Commands/MakeTheme.php
+++ b/src/Commands/MakeTheme.php
@@ -16,7 +16,7 @@ class MakeTheme extends Command
 
     protected $signature = 'livewire-forms:theme {name?}';
 
-    protected $description = 'Create a new Livewire form theme';
+    protected $description = 'Create a new Livewire Forms theme';
 
     public function handle(): void
     {
diff --git a/src/Commands/MakeView.php b/src/Commands/MakeView.php
index c8a0a21e..20f8376b 100644
--- a/src/Commands/MakeView.php
+++ b/src/Commands/MakeView.php
@@ -16,7 +16,7 @@ class MakeView extends Command
 
     protected $signature = 'livewire-forms:view {name?}';
 
-    protected $description = 'Create a new Livewire form view';
+    protected $description = 'Create a new Livewire Forms view';
 
     public function handle(): void
     {
diff --git a/resources/stubs/DummyForm.php b/src/Commands/form.stub
similarity index 95%
rename from resources/stubs/DummyForm.php
rename to src/Commands/form.stub
index 65bed2f0..8b6e7f67 100644
--- a/resources/stubs/DummyForm.php
+++ b/src/Commands/form.stub
@@ -3,11 +3,11 @@
 namespace App\Livewire;
 
 use Aerni\LivewireForms\Form\Fields;
-use Aerni\LivewireForms\Livewire\Form;
+use Aerni\LivewireForms\Livewire\BaseForm;
 use Illuminate\Support\Collection;
 use Statamic\Contracts\Forms\Submission;
 
-class DummyForm extends Form
+class [className] extends BaseForm
 {
     /*
     |--------------------------------------------------------------------------
@@ -23,6 +23,7 @@ class DummyForm extends Form
     // {
     //     $this->handle = 'contact';
     //     $this->theme = 'secondary';
+    //     $this->type = 'wizard';
     //     $this->view = 'default';
     // }
 
diff --git a/src/Enums/StepStatus.php b/src/Enums/StepStatus.php
new file mode 100644
index 00000000..40e91161
--- /dev/null
+++ b/src/Enums/StepStatus.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace Aerni\LivewireForms\Enums;
+
+enum StepStatus: string
+{
+    case Previous = 'previous';
+    case Current = 'current';
+    case Next = 'next';
+    case Invisible = 'invisible';
+}
diff --git a/src/Exceptions/StepDoesNotExist.php b/src/Exceptions/StepDoesNotExist.php
new file mode 100644
index 00000000..084564fd
--- /dev/null
+++ b/src/Exceptions/StepDoesNotExist.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace Aerni\LivewireForms\Exceptions;
+
+use Exception;
+
+class StepDoesNotExist extends Exception
+{
+    public static function stepNotFound(string $step): self
+    {
+        return new static("Step {$step} does not exist.");
+    }
+
+    public static function stepIsInvisible(string $step): self
+    {
+        return new static("Step {$step} is invisible and can't be shown.");
+    }
+
+    public static function noPreviousStep(string $step): self
+    {
+        return new static("Step {$step} requested to go to the previous step, but there is no previous step.");
+    }
+
+    public static function noNextStep(string $step): self
+    {
+        return new static("Step {$step} requested to go to the next step, but there is no next step.");
+    }
+}
diff --git a/src/Fields/Properties/WithView.php b/src/Fields/Properties/WithView.php
index be657eb7..416d507c 100644
--- a/src/Fields/Properties/WithView.php
+++ b/src/Fields/Properties/WithView.php
@@ -14,10 +14,10 @@ protected function viewProperty(?string $view = null): string
         $handleView = "fields.{$this->handle}";
 
         return match (true) {
-            $this->viewExists($overrideView) => $overrideView, // Load a view defined in the component.
-            $this->viewExists($configView) => $configView, // Load a view defined in the config.
-            $this->viewExists($handleView) => $handleView, // Autoload the view by field handle.
-            default => "fields/{$this->view}" // Fall back to the default field view.
+            $this->viewExists($overrideView) => $overrideView, /* Load a view defined in the component. */
+            $this->viewExists($configView) => $configView, /* Load a view defined in the config. */
+            $this->viewExists($handleView) => $handleView, /* Autoload the view by field handle. */
+            default => "fields/{$this->view}" /* Fall back to the default field view. */
         };
     }
 
diff --git a/src/Fields/Properties/WithWireModel.php b/src/Fields/Properties/WithWireModel.php
index cbb3596f..273a8cb0 100644
--- a/src/Fields/Properties/WithWireModel.php
+++ b/src/Fields/Properties/WithWireModel.php
@@ -8,7 +8,7 @@ protected function wireModelProperty(?string $wireModel = null): ?string
     {
         $wireModel = $wireModel ?? $this->field->get('wire_model', 'change');
 
-        // "Defer" is Livewire's default so we don't want to return it as modifier.
+        /* "Defer" is Livewire's default so we don't want to return it as modifier. */
         return $wireModel !== 'defer' ? $wireModel : null;
     }
 }
diff --git a/src/Fields/Select.php b/src/Fields/Select.php
index 5173d1be..030b3c4e 100644
--- a/src/Fields/Select.php
+++ b/src/Fields/Select.php
@@ -21,25 +21,25 @@ protected function defaultProperty(mixed $default = null): string|array|null
         $default = $default ?? $this->field->defaultValue();
         $options = $this->options;
 
-        // A default is only valid if it exists in the options.
+        /* A default is only valid if it exists in the options. */
         $default = collect($options)->only($default ?? [])->keys();
 
-        // Return all defaults if the Select field has multiple enabled.
+        /* Return all defaults if the Select field has multiple enabled. */
         if ($this->multiple) {
             return $default->toArray();
         }
 
-        // If there are any defaults, return the first.
+        /* If there are any defaults, return the first. */
         if ($default->isNotEmpty()) {
             return $default->first();
         }
 
-        // If there is a placeholder we don't want to return a default.
+        /* If there is a placeholder we don't want to return a default. */
         if ($this->placeholder) {
             return null;
         }
 
-        // Fall back to simply return the first option.
+        /* Fall back to simply return the first option. */
         return array_key_first($options);
     }
 
diff --git a/src/Form/Section.php b/src/Form/Section.php
index 1f229792..f877196d 100644
--- a/src/Form/Section.php
+++ b/src/Form/Section.php
@@ -9,8 +9,8 @@
 class Section
 {
     public function __construct(
-        protected Collection $fields,
         protected int $number,
+        protected Collection $fields,
         protected ?string $display,
         protected ?string $instructions,
     ) {
@@ -40,4 +40,9 @@ public function fields(): Collection
     {
         return $this->fields;
     }
+
+    public function number(): int
+    {
+        return $this->number;
+    }
 }
diff --git a/src/Form/Step.php b/src/Form/Step.php
new file mode 100644
index 00000000..cc1a4116
--- /dev/null
+++ b/src/Form/Step.php
@@ -0,0 +1,105 @@
+<?php
+
+namespace Aerni\LivewireForms\Form;
+
+use Aerni\LivewireForms\Enums\StepStatus;
+use Aerni\LivewireForms\Fields\Field;
+use Illuminate\Support\Collection;
+use Illuminate\Support\Str;
+use Livewire\Livewire;
+
+class Step
+{
+    public function __construct(
+        public StepStatus $status,
+        protected int $number,
+        protected Collection $fields,
+        protected ?string $display,
+        protected ?string $instructions,
+    ) {
+    }
+
+    public function handle(): string
+    {
+        return Str::snake($this->display ?? $this->number);
+    }
+
+    public function id(): string
+    {
+        return Livewire::current()->getId().'-step-'.$this->number;
+    }
+
+    public function display(): ?string
+    {
+        return __($this->display);
+    }
+
+    public function instructions(): ?string
+    {
+        return __($this->instructions);
+    }
+
+    public function fields(): Collection
+    {
+        return $this->fields;
+    }
+
+    public function number(): int
+    {
+        return $this->number;
+    }
+
+    public function isPrevious(): bool
+    {
+        return $this->status === StepStatus::Previous;
+    }
+
+    public function isCurrent(): bool
+    {
+        return $this->status === StepStatus::Current;
+    }
+
+    public function isNext(): bool
+    {
+        return $this->status === StepStatus::Next;
+    }
+
+    public function isInvisible(): bool
+    {
+        return $this->status === StepStatus::Invisible;
+    }
+
+    public function show(): string
+    {
+        return "showStep({$this->number})";
+    }
+
+    public function hasErrors(): bool
+    {
+        return Livewire::current()
+            ->getErrorBag()
+            ->hasAny($this->fields->map->key()->all());
+    }
+
+    public function resetErrorBag(): void
+    {
+        Livewire::current()
+            ->resetStepErrorBag($this->fields->map->key()->values()->all());
+    }
+
+    public function validate(): void
+    {
+        $rules = $this->fields()
+            ->mapWithKeys(fn (Field $field) => $field->rules())
+            ->toArray();
+
+        Livewire::current()->validate($rules);
+
+        /*
+        * The error bag is reset when the validation of a step passes.
+        * This leads to error messages of other steps being reset as well.
+        * To prevent this, we restore the previous error bag.
+        */
+        $this->resetErrorBag();
+    }
+}
diff --git a/src/Livewire/Form.php b/src/Livewire/BaseForm.php
similarity index 66%
rename from src/Livewire/Form.php
rename to src/Livewire/BaseForm.php
index c0847cb6..c455a1ac 100644
--- a/src/Livewire/Form.php
+++ b/src/Livewire/BaseForm.php
@@ -8,23 +8,31 @@
 use Aerni\LivewireForms\Livewire\Concerns\WithForm;
 use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
 use Aerni\LivewireForms\Livewire\Concerns\WithMessages;
+use Aerni\LivewireForms\Livewire\Concerns\WithSections;
+use Aerni\LivewireForms\Livewire\Concerns\WithSteps;
 use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
+use Aerni\LivewireForms\Livewire\Concerns\WithType;
 use Aerni\LivewireForms\Livewire\Concerns\WithView;
 use Illuminate\Contracts\View\View;
 use Livewire\Component;
 
-class Form extends Component
+class BaseForm extends Component
 {
     use WithHandle;
     use WithTheme;
+    use WithType;
     use WithView;
-    use WithFields;
     use WithForm;
+    use WithFields;
+    use WithSections;
+    use WithSteps;
     use WithMessages;
     use SubmitsForm;
 
     public function render(): View
     {
-        return view(ViewManager::viewPath($this->view));
+        return view(ViewManager::viewPath($this->view), [
+            'step' => $this->currentStep(),
+        ]);
     }
 }
diff --git a/src/Livewire/Concerns/HandlesSuccess.php b/src/Livewire/Concerns/HandlesSuccess.php
index d2a91412..2cb754ea 100644
--- a/src/Livewire/Concerns/HandlesSuccess.php
+++ b/src/Livewire/Concerns/HandlesSuccess.php
@@ -2,23 +2,42 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Livewire\Attributes\Computed;
+
 trait HandlesSuccess
 {
     protected function handleSuccess(): self
     {
         session()->flash('success', $this->successMessage());
 
+        if (! $this->isWizardForm()) {
+            $this->resetForm();
+        }
+
+        /* Dispatch event so we can reset the FilePond field. */
+        $this->dispatch('form-success', id: $this->getId());
+
+        return $this;
+    }
+
+    public function resetForm(): void
+    {
         /* Get the captcha value before we are resetting the field values. */
         $captcha = $this->captcha()?->value();
 
+        /* Reset the field values to the initial state. */
         $this->resetValues();
 
         /* Preserve the captcha state by setting the value to its previous state. */
         $this->captcha()?->value($captcha);
 
-        /* Dispatch event so we can reset the FilePond field. */
-        $this->dispatch('form-success', id: $this->getId());
+        /* Reset the wizard steps to the initial state. */
+        $this->reset('currentStep');
+    }
 
-        return $this;
+    #[Computed]
+    public function success(): bool
+    {
+        return session()->has('success');
     }
 }
diff --git a/src/Livewire/Concerns/HandlesValidation.php b/src/Livewire/Concerns/HandlesValidation.php
index c0a566b5..9668120b 100644
--- a/src/Livewire/Concerns/HandlesValidation.php
+++ b/src/Livewire/Concerns/HandlesValidation.php
@@ -2,22 +2,54 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Livewire\Attributes\Locked;
+
 trait HandlesValidation
 {
+    #[Locked]
+    public array $stepErrors = [];
+
     public function bootHandlesValidation(): void
     {
-        /**
-         * Remove all fields that are not submittable from the data before validation to replicate
-         * Statamic's suggested validation pattern: https://statamic.dev/conditional-fields#validation
-         * This allows us to conditionally apply validation to conditionally shown fields using the 'sometimes' rule.
-         */
         $this->withValidator(function ($validator) {
+            /**
+             * Remove all fields that are not submittable from the data before validation to replicate
+             * Statamic's suggested validation pattern: https://statamic.dev/conditional-fields#validation
+             * This allows us to conditionally apply validation to conditionally shown fields using the 'sometimes' rule.
+             */
             collect($validator->getValue('fields'))
                 ->filter(fn ($value, $field) => $this->submittableFields[$field])
                 ->pipe(fn ($fields) => $validator->setValue('fields', $fields));
+
+            /**
+             * Validation errors in a Wizard form need special treatment.
+             */
+            if ($this->isWizardForm()) {
+                $validator->after(function ($validator) {
+                    /* Store the current errors so that we can restore them after successfull validation. */
+                    $this->stepErrors = array_merge($this->stepErrors, $validator->errors()->messages());
+
+                    /**
+                     * If the validation of the current step fails, we need to merge all previously stored errors
+                     * to ensure that we don't reset the validation state of other steps in the process.
+                     */
+                    if ($validator->errors()->hasAny($this->currentStep()->fields()->map->key()->all())) {
+                        /* Ensure we don't add errors that already exist. */
+                        $errors = array_diff_key($this->stepErrors, $validator->errors()->messages());
+                        $validator->errors()->merge($errors);
+                    }
+                });
+            }
         });
     }
 
+    public function resetStepErrorBag(string|array $keys): void
+    {
+        array_forget($this->stepErrors, $keys);
+
+        $this->setErrorBag($this->stepErrors);
+    }
+
     protected function rules(): array
     {
         return $this->fields
diff --git a/src/Livewire/Concerns/WithComponent.php b/src/Livewire/Concerns/WithComponent.php
index 56be1903..b8b55eda 100644
--- a/src/Livewire/Concerns/WithComponent.php
+++ b/src/Livewire/Concerns/WithComponent.php
@@ -13,6 +13,6 @@ public function component(): string
     {
         $component = Str::replace('_', '-', $this->handle).'-form';
 
-        return Livewire::isDiscoverable($component) ? $component : 'default-form';
+        return Livewire::isDiscoverable($component) ? $component : 'base-form';
     }
 }
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index e7a5f38e..7ac774e5 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -5,7 +5,6 @@
 use Aerni\LivewireForms\Fields\Captcha;
 use Aerni\LivewireForms\Fields\Field;
 use Aerni\LivewireForms\Fields\Honeypot;
-use Aerni\LivewireForms\Form\Section;
 use Illuminate\Support\Collection;
 use Livewire\Attributes\Computed;
 use Statamic\Fields\Field as StatamicField;
@@ -29,9 +28,17 @@ public function mountedFields(Collection $fields): void
         //
     }
 
-    public function updatedFields($value, $key): void
+    public function updatedFields(mixed $value, string $key): void
     {
         $this->validateOnly("fields.{$key}");
+
+        /**
+         * Explicitly forget the errors of this field after validation has passed
+         * so that we don't restore them in some edge case scenarios.
+         */
+        if ($this->isWizardForm()) {
+            $this->resetStepErrorBag("fields.{$key}");
+        }
     }
 
     protected function fields(): Collection
@@ -55,25 +62,6 @@ protected function makeFieldFromModel(StatamicField $field): Field
             : throw new \Exception("The field model binding for fieldtype [{$fieldtype}] cannot be found.");
     }
 
-    #[Computed]
-    public function sections(): Collection
-    {
-        return $this->form->blueprint()->tabs()->first()->sections()
-            ->filter(fn ($section) => $section->fields()->all()->isNotEmpty())
-            ->values()
-            ->map(fn ($section, $index) => (new Section(
-                fields: $this->fields->intersectByKeys($section->fields()->all()),
-                number: $index + 1,
-                display: $section->display(),
-                instructions: $section->instructions(),
-            )));
-    }
-
-    public function section(string $handle): ?Section
-    {
-        return $this->sections->firstWhere(fn ($section) => $section->handle() === $handle);
-    }
-
     #[Computed]
     public function honeypot(): Honeypot
     {
diff --git a/src/Livewire/Concerns/WithForm.php b/src/Livewire/Concerns/WithForm.php
index 049848a5..28513235 100644
--- a/src/Livewire/Concerns/WithForm.php
+++ b/src/Livewire/Concerns/WithForm.php
@@ -3,8 +3,10 @@
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
 use Aerni\LivewireForms\Exceptions\FormNotFoundException;
+use Illuminate\Support\Collection;
 use Livewire\Attributes\Computed;
 use Statamic\Facades\Form;
+use Statamic\Fields\Section;
 
 trait WithForm
 {
@@ -14,4 +16,12 @@ public function form(): \Statamic\Forms\Form
         return Form::find($this->handle)
             ?? throw new FormNotFoundException($this->handle);
     }
+
+    #[Computed(true)]
+    protected function formSections(): Collection
+    {
+        return $this->form->blueprint()->tabs()->first()->sections()
+            ->filter(fn (Section $section) => $section->fields()->all()->isNotEmpty())
+            ->values();
+    }
 }
diff --git a/src/Livewire/Concerns/WithHandle.php b/src/Livewire/Concerns/WithHandle.php
index 479d3a84..0c0117a6 100644
--- a/src/Livewire/Concerns/WithHandle.php
+++ b/src/Livewire/Concerns/WithHandle.php
@@ -3,7 +3,7 @@
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
 use Aerni\LivewireForms\Exceptions\HandleNotFoundException;
-use Aerni\LivewireForms\Livewire\Form;
+use Aerni\LivewireForms\Livewire\BaseForm;
 use Livewire\Attributes\Locked;
 
 trait WithHandle
@@ -18,13 +18,13 @@ public function mountWithHandle(): void
 
     protected function handle(): string
     {
-        // Get the handle passed to the component in the view.
+        /* Get the handle passed to the component. */
         if (isset($this->handle)) {
             return $this->handle;
         }
 
-        // Get the handle from the name of the component, e.g. 'contact-us-form' will load the 'contact_us' form.
-        if ($this instanceof Form) {
+        /* Get the handle from the name of the component, e.g. 'contact-us-form' will load the 'contact_us' form. */
+        if ($this instanceof BaseForm) {
             return str($this->getName())->beforeLast('-form')->replace('-', '_');
         }
 
diff --git a/src/Livewire/Concerns/WithSections.php b/src/Livewire/Concerns/WithSections.php
new file mode 100644
index 00000000..2c22eb42
--- /dev/null
+++ b/src/Livewire/Concerns/WithSections.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+use Aerni\LivewireForms\Form\Section;
+use Illuminate\Support\Collection;
+use Livewire\Attributes\Computed;
+use Statamic\Fields\Section as FormSection;
+
+trait WithSections
+{
+    #[Computed]
+    public function sections(): Collection
+    {
+        return $this->formSections->map(function (FormSection $section, int $index) {
+            return new Section(
+                number: $index + 1,
+                fields: $this->fields->intersectByKeys($section->fields()->all()),
+                display: $section->display(),
+                instructions: $section->instructions(),
+            );
+        });
+    }
+
+    public function section(string $handle): ?Section
+    {
+        return $this->sections->firstWhere(fn (Section $section) => $section->handle() === $handle);
+    }
+}
diff --git a/src/Livewire/Concerns/WithSteps.php b/src/Livewire/Concerns/WithSteps.php
new file mode 100644
index 00000000..9b40554c
--- /dev/null
+++ b/src/Livewire/Concerns/WithSteps.php
@@ -0,0 +1,150 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+use Aerni\LivewireForms\Enums\StepStatus;
+use Aerni\LivewireForms\Exceptions\StepDoesNotExist;
+use Aerni\LivewireForms\Form\Step;
+use Illuminate\Support\Collection;
+use Livewire\Attributes\Computed;
+use Statamic\Fields\Section;
+
+trait WithSteps
+{
+    public int $currentStep = 1;
+
+    public array $stepVisibility = [];
+
+    #[Computed]
+    public function steps(): Collection
+    {
+        /* Ensure the step status can be assigned correctly on subsequent requests. */
+        unset($this->foundCurrentStep);
+
+        return $this->formSections
+            ->map(fn (Section $section, int $index) => new Step(
+                status: StepStatus::Next,
+                number: $index + 1,
+                fields: $this->fields->intersectByKeys($section->fields()->all()),
+                display: $section->display(),
+                instructions: $section->instructions(),
+            ))
+            ->mapWithKeys(fn (Step $step) => [$step->number() => $this->assignStepStatus($step)]);
+    }
+
+    protected function assignStepStatus(Step $step): Step
+    {
+        $this->foundCurrentStep ??= false;
+
+        if (! $this->stepIsVisible($step->handle())) {
+            $step->status = StepStatus::Invisible;
+
+            return $step;
+        }
+
+        $step->status = $this->foundCurrentStep
+            ? StepStatus::Next
+            : StepStatus::Previous;
+
+        if ($step->number() === $this->currentStep) {
+            $this->foundCurrentStep = true;
+            $step->status = StepStatus::Current;
+        }
+
+        return $step;
+    }
+
+    protected function setCurrentStep(int $step): void
+    {
+        $this->currentStep = $step;
+
+        unset($this->steps);
+    }
+
+    public function currentStep(): Step
+    {
+        $step = $this->steps->get($this->currentStep);
+
+        throw_unless($step, StepDoesNotExist::stepNotFound($this->currentStep));
+
+        throw_if($step->isInvisible(), StepDoesNotExist::stepIsInvisible($this->currentStep));
+
+        return $step;
+    }
+
+    public function previousStep(): void
+    {
+        $previousStep = $this->steps->last(fn (Step $step) => $step->isPrevious());
+
+        throw_unless($previousStep, StepDoesNotExist::noPreviousStep($this->currentStep));
+
+        $this->setCurrentStep($previousStep->number());
+    }
+
+    public function nextStep(): void
+    {
+        $this->currentStep()->validate();
+
+        $nextStep = $this->steps->first(fn (Step $step) => $step->isNext());
+
+        throw_unless($nextStep, StepDoesNotExist::noNextStep($this->currentStep));
+
+        $this->setCurrentStep($nextStep->number());
+    }
+
+    public function showStep(int $step): void
+    {
+        if ($step === $this->currentStep) {
+            return;
+        }
+
+        /* Only validate if we are navigating forward. */
+        if ($step > $this->currentStep) {
+            $this->currentStep()->validate();
+        }
+
+        $this->setCurrentStep($step);
+    }
+
+    #[Computed]
+    public function hasPreviousStep(): bool
+    {
+        return (bool) $this->steps->last(fn (Step $step) => $step->isPrevious());
+    }
+
+    #[Computed]
+    public function hasNextStep(): bool
+    {
+        return (bool) $this->steps->first(fn (Step $step) => $step->isNext());
+    }
+
+    public function canNavigateToStep(int $step): bool
+    {
+        $step = $this->steps->get($step);
+
+        /* Allow navigation to all previous steps. */
+        if ($step->isPrevious()) {
+            return true;
+        }
+
+        /* Only allow navigation to the immediate next step. */
+        if ($step === $this->steps->first(fn (Step $step) => $step->isNext())) {
+            return true;
+        }
+
+        return false;
+    }
+
+    protected function stepIsVisible(string $handle): bool
+    {
+        return $this->stepVisibility[$handle] ?? true;
+    }
+
+    public function updatedStepVisibility(bool $visible, string $key): void
+    {
+        /* Remove validation errors of hidden steps. */
+        if (! $visible) {
+            $this->steps->firstWhere(fn ($step) => $step->handle() === $key)->resetErrorBag();
+        }
+    }
+}
diff --git a/src/Livewire/Concerns/WithTheme.php b/src/Livewire/Concerns/WithTheme.php
index bd394da7..a0a50364 100644
--- a/src/Livewire/Concerns/WithTheme.php
+++ b/src/Livewire/Concerns/WithTheme.php
@@ -17,17 +17,17 @@ public function mountWithTheme(): void
 
     protected function theme(): string
     {
-        // Get the theme passed to the component in the view.
+        /* Get the theme passed to the component in the view. */
         if (isset($this->theme)) {
             return $this->theme;
         }
 
-        // Autoload the theme by form handle if it exists.
+        /* Autoload the theme by form handle if it exists. */
         if (ViewManager::themeExists($this->handle)) {
             return $this->handle;
         }
 
-        // Fall back to the default theme.
+        /* Fall back to the default theme. */
         return ViewManager::defaultTheme();
     }
 }
diff --git a/src/Livewire/Concerns/WithType.php b/src/Livewire/Concerns/WithType.php
new file mode 100644
index 00000000..79e00446
--- /dev/null
+++ b/src/Livewire/Concerns/WithType.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace Aerni\LivewireForms\Livewire\Concerns;
+
+use Livewire\Attributes\Locked;
+
+trait WithType
+{
+    #[Locked]
+    public string $type;
+
+    public function mountWithType(): void
+    {
+        $this->type = $this->type();
+    }
+
+    protected function type(): string
+    {
+        return match ($this->type ?? null) {
+            'wizard' => 'wizard',
+            default => 'basic',
+        };
+    }
+
+    protected function isWizardForm(): bool
+    {
+        return $this->type === 'wizard';
+    }
+}
diff --git a/src/Livewire/Concerns/WithView.php b/src/Livewire/Concerns/WithView.php
index 0799cd09..46aa1fca 100644
--- a/src/Livewire/Concerns/WithView.php
+++ b/src/Livewire/Concerns/WithView.php
@@ -17,17 +17,17 @@ public function mountWithView(): void
 
     protected function view(): string
     {
-        // Get the view passed to the component in the view.
+        /* Get the view passed to the component in the view. */
         if (isset($this->view)) {
             return $this->view;
         }
 
-        // Autoload the view by form handle if it exists.
+        /* Autoload the view by form handle if it exists. */
         if (ViewManager::viewExists($this->handle)) {
             return $this->handle;
         }
 
-        // Fall back to the default view.
+        /* Fall back to the default view. */
         return ViewManager::defaultView();
     }
 }
diff --git a/src/Livewire/DynamicForm.php b/src/Livewire/DynamicForm.php
index 94d2a651..6ea3de6e 100644
--- a/src/Livewire/DynamicForm.php
+++ b/src/Livewire/DynamicForm.php
@@ -5,6 +5,7 @@
 use Aerni\LivewireForms\Livewire\Concerns\WithComponent;
 use Aerni\LivewireForms\Livewire\Concerns\WithHandle;
 use Aerni\LivewireForms\Livewire\Concerns\WithTheme;
+use Aerni\LivewireForms\Livewire\Concerns\WithType;
 use Aerni\LivewireForms\Livewire\Concerns\WithView;
 use Illuminate\Contracts\View\View;
 use Livewire\Component;
@@ -14,6 +15,7 @@ class DynamicForm extends Component
     use WithComponent;
     use WithHandle;
     use WithTheme;
+    use WithType;
     use WithView;
 
     public function render(): View
diff --git a/src/ServiceProvider.php b/src/ServiceProvider.php
index b341790c..faaaada6 100644
--- a/src/ServiceProvider.php
+++ b/src/ServiceProvider.php
@@ -3,8 +3,8 @@
 namespace Aerni\LivewireForms;
 
 use Aerni\LivewireForms\Facades\Captcha;
+use Aerni\LivewireForms\Livewire\BaseForm;
 use Aerni\LivewireForms\Livewire\DynamicForm;
-use Aerni\LivewireForms\Livewire\Form;
 use Aerni\LivewireForms\Livewire\Synthesizers\FieldSynth;
 use Aerni\LivewireForms\Livewire\Synthesizers\RuleSynth;
 use Illuminate\Support\Facades\Blade;
@@ -59,7 +59,8 @@ protected function bootValidators(): self
     protected function bootLivewire(): self
     {
         Livewire::component('form', DynamicForm::class);
-        Livewire::component('default-form', Form::class);
+        Livewire::component('base-form', BaseForm::class);
+
         Livewire::propertySynthesizer(FieldSynth::class);
         Livewire::propertySynthesizer(RuleSynth::class);
 
diff --git a/tests/Fields/FieldsTest.php b/tests/Fields/FieldsTest.php
index c504bd05..c368eabd 100644
--- a/tests/Fields/FieldsTest.php
+++ b/tests/Fields/FieldsTest.php
@@ -14,7 +14,7 @@
 
     StatamicForm::make('contact')->save();
 
-    $component = Livewire::test('default-form', [
+    $component = Livewire::test('base-form', [
         'handle' => 'contact',
         'theme' => 'default',
         'view' => 'default',
diff --git a/tests/Livewire/FormTest.php b/tests/Livewire/FormTest.php
index 43b21184..dcba1591 100644
--- a/tests/Livewire/FormTest.php
+++ b/tests/Livewire/FormTest.php
@@ -1,7 +1,7 @@
 <?php
 
+use Aerni\LivewireForms\Livewire\BaseForm;
 use Aerni\LivewireForms\Livewire\DynamicForm;
-use Aerni\LivewireForms\Livewire\Form;
 use Livewire\Livewire;
 use Statamic\Facades\Blueprint;
 use Statamic\Facades\Form as StatamicForm;
@@ -28,7 +28,7 @@
         ->assertStatus(200);
 });
 
-it('renders form successfully', function () {
-    Livewire::test(Form::class, ['handle' => 'contact'])
+it('renders basic-form successfully', function () {
+    Livewire::test(BaseForm::class, ['handle' => 'contact'])
         ->assertStatus(200);
 });

From 25490b7ede75a9201e1d3675470730186fd605e4 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 8 May 2024 16:56:04 -0400
Subject: [PATCH 197/209] Move classes down

---
 resources/views/default/buttons/submit.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/default/buttons/submit.blade.php b/resources/views/default/buttons/submit.blade.php
index 3e356b0f..1f367781 100644
--- a/resources/views/default/buttons/submit.blade.php
+++ b/resources/views/default/buttons/submit.blade.php
@@ -1,9 +1,9 @@
 <button
     type="submit"
-    class="relative inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white transition-all ease-in-out bg-indigo-600 border border-transparent rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
     wire:loading.delay.attr="disabled"
     wire:loading.delay.class="cursor-not-allowed opacity-60 pl-11"
     wire:target="submit"
+    class="relative inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white transition-all ease-in-out bg-indigo-600 border border-transparent rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
 >
     <svg
         class="absolute left-0 w-5 h-5 ml-3 text-white animate-spin"

From d0f97326c2389c44cdea65a0c69fd2eaedc728d5 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 9 May 2024 10:29:27 -0400
Subject: [PATCH 198/209] Add support for Statamic 5 (#51)

---
 .github/workflows/run-tests.yaml            | 4 +++-
 composer.json                               | 4 ++--
 src/Commands/MakeTheme.php                  | 3 ++-
 src/Commands/MakeView.php                   | 3 ++-
 src/Fields/Properties/WithRules.php         | 3 ++-
 src/Fields/Select.php                       | 3 ++-
 src/Fields/Toggle.php                       | 3 ++-
 src/Livewire/Concerns/HandlesValidation.php | 3 ++-
 8 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/.github/workflows/run-tests.yaml b/.github/workflows/run-tests.yaml
index 4567e880..ea0d832f 100644
--- a/.github/workflows/run-tests.yaml
+++ b/.github/workflows/run-tests.yaml
@@ -10,11 +10,13 @@ jobs:
       matrix:
         os: [ubuntu-latest]
         php: [8.2, 8.3]
-        laravel: [10.*]
+        laravel: [10.*, 11.*]
         stability: [prefer-lowest, prefer-stable]
         include:
           - laravel: 10.*
             testbench: 8.*
+          - laravel: 11.*
+            testbench: 9.*
 
     name: P${{ matrix.php }} - L${{ matrix.laravel }} - ${{ matrix.stability }} - ${{ matrix.os }}
 
diff --git a/composer.json b/composer.json
index 70ce232c..b4261776 100644
--- a/composer.json
+++ b/composer.json
@@ -19,11 +19,11 @@
     "require": {
         "php": "^8.2",
         "jonassiewertsen/statamic-livewire": "^3.0",
-        "laravel/framework": "^10.0",
+        "laravel/framework": "^10.0 || ^11.0",
         "laravel/prompts": "^0.1.13",
         "livewire/livewire": "^3.2",
         "spatie/invade": "^2.0",
-        "statamic/cms": "^4.9"
+        "statamic/cms": "^5.0"
     },
     "require-dev": {
         "orchestra/testbench": "^8.19",
diff --git a/src/Commands/MakeTheme.php b/src/Commands/MakeTheme.php
index f18f5727..39c93ef2 100644
--- a/src/Commands/MakeTheme.php
+++ b/src/Commands/MakeTheme.php
@@ -4,6 +4,7 @@
 
 use Illuminate\Console\Command;
 use Illuminate\Support\Facades\File;
+use Illuminate\Support\Str;
 use Statamic\Console\RunsInPlease;
 
 use function Laravel\Prompts\confirm;
@@ -21,7 +22,7 @@ class MakeTheme extends Command
     public function handle(): void
     {
         $name = $this->argument('name') ?? text(label: 'What do you want to name the theme?', required: true);
-        $path = resource_path('views/'.config('livewire-forms.view_path').'/'.snake_case($name));
+        $path = resource_path('views/'.config('livewire-forms.view_path').'/'.Str::snake($name));
 
         if (! File::exists($path) || confirm(label: 'A theme with this name already exists. Do you want to overwrite it?', default: false)) {
             File::copyDirectory(__DIR__.'/../../resources/views/default/', $path);
diff --git a/src/Commands/MakeView.php b/src/Commands/MakeView.php
index 20f8376b..38153796 100644
--- a/src/Commands/MakeView.php
+++ b/src/Commands/MakeView.php
@@ -4,6 +4,7 @@
 
 use Illuminate\Console\Command;
 use Illuminate\Support\Facades\File;
+use Illuminate\Support\Str;
 use Statamic\Console\RunsInPlease;
 
 use function Laravel\Prompts\confirm;
@@ -22,7 +23,7 @@ public function handle(): void
     {
         $name = $this->argument('name') ?? text(label: 'What do you want to name the view?', required: true);
         $stub = File::get(__DIR__.'/../../resources/views/default.blade.php');
-        $filename = str_slug($name).'.blade.php';
+        $filename = Str::slug($name).'.blade.php';
         $path = resource_path('views/'.config('livewire-forms.view_path')."/{$filename}");
 
         if (! File::exists($path) || confirm(label: 'A view with this name already exists. Do you want to overwrite it?', default: false)) {
diff --git a/src/Fields/Properties/WithRules.php b/src/Fields/Properties/WithRules.php
index acd36f7f..9c45f47a 100644
--- a/src/Fields/Properties/WithRules.php
+++ b/src/Fields/Properties/WithRules.php
@@ -2,6 +2,7 @@
 
 namespace Aerni\LivewireForms\Fields\Properties;
 
+use Illuminate\Support\Arr;
 use Statamic\Fields\Validator;
 
 trait WithRules
@@ -9,7 +10,7 @@ trait WithRules
     protected function rulesProperty(string|array|null $rules = null): array
     {
         $rules = is_null($rules)
-            ? array_flatten($this->field->rules())
+            ? Arr::flatten($this->field->rules())
             : Validator::explodeRules($rules);
 
         return [$this->key => $rules];
diff --git a/src/Fields/Select.php b/src/Fields/Select.php
index 030b3c4e..8f760051 100644
--- a/src/Fields/Select.php
+++ b/src/Fields/Select.php
@@ -6,6 +6,7 @@
 use Aerni\LivewireForms\Fields\Properties\WithMultiple;
 use Aerni\LivewireForms\Fields\Properties\WithOptions;
 use Aerni\LivewireForms\Fields\Properties\WithPlaceholder;
+use Illuminate\Support\Arr;
 
 class Select extends Field
 {
@@ -45,7 +46,7 @@ protected function defaultProperty(mixed $default = null): string|array|null
 
     protected function rulesProperty(string|array|null $rules = null): array
     {
-        $rules = array_first(parent::rulesProperty($rules));
+        $rules = Arr::first(parent::rulesProperty($rules));
 
         if ($this->multiple && $this->max_items) {
             $rules[] = "max:{$this->max_items}";
diff --git a/src/Fields/Toggle.php b/src/Fields/Toggle.php
index 8e39d360..3cd5bbbf 100644
--- a/src/Fields/Toggle.php
+++ b/src/Fields/Toggle.php
@@ -3,6 +3,7 @@
 namespace Aerni\LivewireForms\Fields;
 
 use Aerni\LivewireForms\Fields\Properties\WithInlineLabel;
+use Illuminate\Support\Arr;
 
 class Toggle extends Field
 {
@@ -12,7 +13,7 @@ class Toggle extends Field
 
     protected function rulesProperty(string|array|null $rules = null): array
     {
-        $rules = array_first(parent::rulesProperty($rules));
+        $rules = Arr::first(parent::rulesProperty($rules));
 
         if (in_array('required', $rules)) {
             $rules[] = 'accepted';
diff --git a/src/Livewire/Concerns/HandlesValidation.php b/src/Livewire/Concerns/HandlesValidation.php
index 9668120b..fd4dadf1 100644
--- a/src/Livewire/Concerns/HandlesValidation.php
+++ b/src/Livewire/Concerns/HandlesValidation.php
@@ -2,6 +2,7 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Illuminate\Support\Arr;
 use Livewire\Attributes\Locked;
 
 trait HandlesValidation
@@ -45,7 +46,7 @@ public function bootHandlesValidation(): void
 
     public function resetStepErrorBag(string|array $keys): void
     {
-        array_forget($this->stepErrors, $keys);
+        Arr::forget($this->stepErrors, $keys);
 
         $this->setErrorBag($this->stepErrors);
     }

From f7829f4eb34ddd06e3ca1176f1d39e56d7b5484e Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 9 May 2024 11:19:10 -0400
Subject: [PATCH 199/209] Improve accessibility

---
 resources/views/default/layouts/section.blade.php | 10 ++++++++--
 resources/views/default/layouts/step.blade.php    | 10 ++++++++--
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/resources/views/default/layouts/section.blade.php b/resources/views/default/layouts/section.blade.php
index d0c88ab1..b96940d7 100644
--- a/resources/views/default/layouts/section.blade.php
+++ b/resources/views/default/layouts/section.blade.php
@@ -1,9 +1,15 @@
 <section
     x-show="showSection('{{ $section->handle() }}')"
     wire:key="{{ $section->id() }}"
-    aria-labelledby="{{ $section->id() }}-label"
-    aria-describedby="{{ $section->id() }}-instructions"
     class="flex flex-col gap-y-8"
+
+    @if($section->display())
+        aria-labelledby="{{ $section->id() }}-label"
+    @endif
+
+    @if($section->instructions())
+        aria-describedby="{{ $section->id() }}-instructions"
+    @endif
 >
 
     @if($section->display())
diff --git a/resources/views/default/layouts/step.blade.php b/resources/views/default/layouts/step.blade.php
index f6192e1a..b890812d 100644
--- a/resources/views/default/layouts/step.blade.php
+++ b/resources/views/default/layouts/step.blade.php
@@ -1,9 +1,15 @@
 <section
     x-show="showStep('{{ $step->handle() }}')"
     wire:key="{{ $step->id() }}"
-    aria-labelledby="{{ $step->id() }}-label"
-    aria-describedby="{{ $step->id() }}-instructions"
     class="flex flex-col p-8 bg-white border rounded-lg gap-y-8"
+
+    @if($step->display())
+        aria-labelledby="{{ $step->id() }}-label"
+    @endif
+
+    @if($step->instructions())
+        aria-describedby="{{ $step->id() }}-instructions"
+    @endif
 >
 
     @if($step->display())

From 2c5b16a53816e9c8f9f550762075a7628d89a1ed Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 9 May 2024 11:21:49 -0400
Subject: [PATCH 200/209] Renamed label to display

---
 resources/views/default/fields/assets.blade.php       |  2 +-
 resources/views/default/fields/captcha.blade.php      |  2 +-
 resources/views/default/fields/default.blade.php      |  2 +-
 resources/views/default/fields/select.blade.php       |  2 +-
 resources/views/default/fields/textarea.blade.php     |  2 +-
 resources/views/default/fields/toggle.blade.php       |  2 +-
 .../messages/{label.blade.php => display.blade.php}   |  2 +-
 resources/views/default/messages/legend.blade.php     |  2 +-
 src/Commands/form.stub                                |  4 ++--
 src/Fields/Concerns/WithDefaultProperties.php         |  4 ++--
 src/Fields/Field.php                                  |  2 +-
 src/Fields/Properties/WithDisplay.php                 | 11 +++++++++++
 src/Fields/Properties/WithLabel.php                   | 11 -----------
 13 files changed, 24 insertions(+), 24 deletions(-)
 rename resources/views/default/messages/{label.blade.php => display.blade.php} (83%)
 create mode 100644 src/Fields/Properties/WithDisplay.php
 delete mode 100644 src/Fields/Properties/WithLabel.php

diff --git a/resources/views/default/fields/assets.blade.php b/resources/views/default/fields/assets.blade.php
index 8b235c35..cf00ab39 100644
--- a/resources/views/default/fields/assets.blade.php
+++ b/resources/views/default/fields/assets.blade.php
@@ -1,5 +1,5 @@
 <div>
-    @formView('messages.label')
+    @formView('messages.display')
 
     @if($field->instructions && $field->instructions_position === 'above')
         @formView('messages.instructions')
diff --git a/resources/views/default/fields/captcha.blade.php b/resources/views/default/fields/captcha.blade.php
index 21064a9f..09c4d646 100644
--- a/resources/views/default/fields/captcha.blade.php
+++ b/resources/views/default/fields/captcha.blade.php
@@ -1,5 +1,5 @@
 <div>
-    @formView('messages.label')
+    @formView('messages.display')
 
     @if($field->instructions && $field->instructions_position === 'above')
         @formView('messages.instructions')
diff --git a/resources/views/default/fields/default.blade.php b/resources/views/default/fields/default.blade.php
index 9e60453d..dd19ee04 100644
--- a/resources/views/default/fields/default.blade.php
+++ b/resources/views/default/fields/default.blade.php
@@ -1,5 +1,5 @@
 <div>
-    @formView('messages.label')
+    @formView('messages.display')
 
     @if($field->instructions && $field->instructions_position === 'above')
         @formView('messages.instructions')
diff --git a/resources/views/default/fields/select.blade.php b/resources/views/default/fields/select.blade.php
index c4a6c78d..fb36edcb 100644
--- a/resources/views/default/fields/select.blade.php
+++ b/resources/views/default/fields/select.blade.php
@@ -1,5 +1,5 @@
 <div>
-    @formView('messages.label')
+    @formView('messages.display')
 
     @if($field->instructions && $field->instructions_position === 'above')
         @formView('messages.instructions')
diff --git a/resources/views/default/fields/textarea.blade.php b/resources/views/default/fields/textarea.blade.php
index 7f0de0ca..82aae95c 100644
--- a/resources/views/default/fields/textarea.blade.php
+++ b/resources/views/default/fields/textarea.blade.php
@@ -1,5 +1,5 @@
 <div>
-    @formView('messages.label')
+    @formView('messages.display')
 
     @if($field->instructions && $field->instructions_position === 'above')
         @formView('messages.instructions')
diff --git a/resources/views/default/fields/toggle.blade.php b/resources/views/default/fields/toggle.blade.php
index dee975e4..1d4358d4 100644
--- a/resources/views/default/fields/toggle.blade.php
+++ b/resources/views/default/fields/toggle.blade.php
@@ -26,7 +26,7 @@ class="w-4 h-4 text-indigo-600 border-red-300 rounded focus:ring-red-500"
             for="{{ $field->id }}"
             class="font-medium [&_a]:text-indigo-500 [&_a]:hover:text-indigo-700 [&_a]:focus-within:outline-none [&_a]:focus-within:ring-2 [&_a]:focus-within:ring-indigo-500 [&_a]:focus-within:rounded-sm {{ $errors->has($field->key) ? 'text-red-800' : 'text-gray-900' }}"
         >
-            {!! Statamic::modify($field->inline_label ?? $field->label)->markdown() !!}
+            {!! Statamic::modify($field->inline_label ?? $field->display)->markdown() !!}
         </label>
     </div>
 </div>
diff --git a/resources/views/default/messages/label.blade.php b/resources/views/default/messages/display.blade.php
similarity index 83%
rename from resources/views/default/messages/label.blade.php
rename to resources/views/default/messages/display.blade.php
index 510bda67..8dd0c3dc 100644
--- a/resources/views/default/messages/label.blade.php
+++ b/resources/views/default/messages/display.blade.php
@@ -3,5 +3,5 @@
     id="{{ $field->id }}-label"
     class="block text-sm font-medium text-gray-700"
 >
-    {{ $field->label }}
+    {{ $field->display }}
 </label>
diff --git a/resources/views/default/messages/legend.blade.php b/resources/views/default/messages/legend.blade.php
index 3f1e1b42..0f5df3fa 100644
--- a/resources/views/default/messages/legend.blade.php
+++ b/resources/views/default/messages/legend.blade.php
@@ -2,5 +2,5 @@
     id="{{ $field->id }}-legend"
     class="text-sm font-medium text-gray-900"
 >
-    {{ $field->label }}
+    {{ $field->display }}
 </legend>
diff --git a/src/Commands/form.stub b/src/Commands/form.stub
index 8b6e7f67..77eff745 100644
--- a/src/Commands/form.stub
+++ b/src/Commands/form.stub
@@ -54,12 +54,12 @@ class [className] extends BaseForm
 
     // public function mountedFields(Collection $fields): void
     // {
-    //     $fields->get('name')->label('Your name');
+    //     $fields->get('name')->display('Your name');
     // }
 
     // public function hydrateFields(Collection $fields): void
     // {
-    //     $fields->get('name')->label('Your name');
+    //     $fields->get('name')->display('Your name');
     // }
 
     // public function formSubmitted(Submission $submission): void
diff --git a/src/Fields/Concerns/WithDefaultProperties.php b/src/Fields/Concerns/WithDefaultProperties.php
index 16e72e1b..3051629a 100644
--- a/src/Fields/Concerns/WithDefaultProperties.php
+++ b/src/Fields/Concerns/WithDefaultProperties.php
@@ -4,13 +4,13 @@
 
 use Aerni\LivewireForms\Fields\Properties\WithConditions;
 use Aerni\LivewireForms\Fields\Properties\WithDefault;
+use Aerni\LivewireForms\Fields\Properties\WithDisplay;
 use Aerni\LivewireForms\Fields\Properties\WithHandle;
 use Aerni\LivewireForms\Fields\Properties\WithHidden;
 use Aerni\LivewireForms\Fields\Properties\WithId;
 use Aerni\LivewireForms\Fields\Properties\WithInstructions;
 use Aerni\LivewireForms\Fields\Properties\WithInstructionsPosition;
 use Aerni\LivewireForms\Fields\Properties\WithKey;
-use Aerni\LivewireForms\Fields\Properties\WithLabel;
 use Aerni\LivewireForms\Fields\Properties\WithRules;
 use Aerni\LivewireForms\Fields\Properties\WithView;
 use Aerni\LivewireForms\Fields\Properties\WithWidth;
@@ -20,13 +20,13 @@ trait WithDefaultProperties
 {
     use WithConditions;
     use WithDefault;
+    use WithDisplay;
     use WithHandle;
     use WithHidden;
     use WithId;
     use WithInstructions;
     use WithInstructionsPosition;
     use WithKey;
-    use WithLabel;
     use WithRules;
     use WithView;
     use WithWidth;
diff --git a/src/Fields/Field.php b/src/Fields/Field.php
index b63be530..8a6e544a 100644
--- a/src/Fields/Field.php
+++ b/src/Fields/Field.php
@@ -29,7 +29,7 @@ public static function make(FormField $field): self
 
     public function validationAttributes(): array
     {
-        return [$this->key => $this->label];
+        return [$this->key => $this->display];
     }
 
     public function process(): mixed
diff --git a/src/Fields/Properties/WithDisplay.php b/src/Fields/Properties/WithDisplay.php
new file mode 100644
index 00000000..4793b2eb
--- /dev/null
+++ b/src/Fields/Properties/WithDisplay.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace Aerni\LivewireForms\Fields\Properties;
+
+trait WithDisplay
+{
+    protected function displayProperty(?string $display = null): ?string
+    {
+        return __($display ?? $this->field->get('display'));
+    }
+}
diff --git a/src/Fields/Properties/WithLabel.php b/src/Fields/Properties/WithLabel.php
deleted file mode 100644
index ae414ed1..00000000
--- a/src/Fields/Properties/WithLabel.php
+++ /dev/null
@@ -1,11 +0,0 @@
-<?php
-
-namespace Aerni\LivewireForms\Fields\Properties;
-
-trait WithLabel
-{
-    protected function labelProperty(?string $label = null): ?string
-    {
-        return __($label ?? $this->field->get('display'));
-    }
-}

From 812d3966fdab67e06ad2f9344c483d03c8dd5a85 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 9 May 2024 14:34:35 -0400
Subject: [PATCH 201/209] Just pass the field keys instead of actual fields

---
 src/Form/Section.php                   | 14 +++++++-------
 src/Form/Step.php                      | 18 +++++++++---------
 src/Livewire/Concerns/WithSections.php |  2 +-
 src/Livewire/Concerns/WithSteps.php    | 11 ++++++-----
 4 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/src/Form/Section.php b/src/Form/Section.php
index f877196d..02f8c629 100644
--- a/src/Form/Section.php
+++ b/src/Form/Section.php
@@ -10,12 +10,17 @@ class Section
 {
     public function __construct(
         protected int $number,
-        protected Collection $fields,
+        protected array $fields,
         protected ?string $display,
         protected ?string $instructions,
     ) {
     }
 
+    public function number(): int
+    {
+        return $this->number;
+    }
+
     public function handle(): string
     {
         return Str::snake($this->display ?? $this->number);
@@ -38,11 +43,6 @@ public function instructions(): ?string
 
     public function fields(): Collection
     {
-        return $this->fields;
-    }
-
-    public function number(): int
-    {
-        return $this->number;
+        return Livewire::current()->fields->intersectByKeys(array_flip($this->fields));
     }
 }
diff --git a/src/Form/Step.php b/src/Form/Step.php
index cc1a4116..013b317e 100644
--- a/src/Form/Step.php
+++ b/src/Form/Step.php
@@ -13,12 +13,17 @@ class Step
     public function __construct(
         public StepStatus $status,
         protected int $number,
-        protected Collection $fields,
+        protected array $fields,
         protected ?string $display,
         protected ?string $instructions,
     ) {
     }
 
+    public function number(): int
+    {
+        return $this->number;
+    }
+
     public function handle(): string
     {
         return Str::snake($this->display ?? $this->number);
@@ -41,12 +46,7 @@ public function instructions(): ?string
 
     public function fields(): Collection
     {
-        return $this->fields;
-    }
-
-    public function number(): int
-    {
-        return $this->number;
+        return Livewire::current()->fields->intersectByKeys(array_flip($this->fields));
     }
 
     public function isPrevious(): bool
@@ -78,13 +78,13 @@ public function hasErrors(): bool
     {
         return Livewire::current()
             ->getErrorBag()
-            ->hasAny($this->fields->map->key()->all());
+            ->hasAny($this->fields()->map->key()->all());
     }
 
     public function resetErrorBag(): void
     {
         Livewire::current()
-            ->resetStepErrorBag($this->fields->map->key()->values()->all());
+            ->resetStepErrorBag($this->fields()->map->key()->values()->all());
     }
 
     public function validate(): void
diff --git a/src/Livewire/Concerns/WithSections.php b/src/Livewire/Concerns/WithSections.php
index 2c22eb42..acb04a1e 100644
--- a/src/Livewire/Concerns/WithSections.php
+++ b/src/Livewire/Concerns/WithSections.php
@@ -15,7 +15,7 @@ public function sections(): Collection
         return $this->formSections->map(function (FormSection $section, int $index) {
             return new Section(
                 number: $index + 1,
-                fields: $this->fields->intersectByKeys($section->fields()->all()),
+                fields: $section->fields()->all()->keys()->all(),
                 display: $section->display(),
                 instructions: $section->instructions(),
             );
diff --git a/src/Livewire/Concerns/WithSteps.php b/src/Livewire/Concerns/WithSteps.php
index 9b40554c..35807fc2 100644
--- a/src/Livewire/Concerns/WithSteps.php
+++ b/src/Livewire/Concerns/WithSteps.php
@@ -21,15 +21,16 @@ public function steps(): Collection
         /* Ensure the step status can be assigned correctly on subsequent requests. */
         unset($this->foundCurrentStep);
 
-        return $this->formSections
-            ->map(fn (Section $section, int $index) => new Step(
+        return $this->formSections->map(function (Section $section, int $index) {
+            return new Step(
                 status: StepStatus::Next,
                 number: $index + 1,
-                fields: $this->fields->intersectByKeys($section->fields()->all()),
+                fields: $section->fields()->all()->keys()->all(),
                 display: $section->display(),
                 instructions: $section->instructions(),
-            ))
-            ->mapWithKeys(fn (Step $step) => [$step->number() => $this->assignStepStatus($step)]);
+            );
+        })
+        ->mapWithKeys(fn (Step $step) => [$step->number() => $this->assignStepStatus($step)]);
     }
 
     protected function assignStepStatus(Step $step): Step

From 51101c7ca8ff0bbacbf759e111c161e6f96d3e0a Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Thu, 9 May 2024 18:35:03 +0000
Subject: [PATCH 202/209] Fix styling

---
 src/Livewire/Concerns/WithSteps.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Livewire/Concerns/WithSteps.php b/src/Livewire/Concerns/WithSteps.php
index 35807fc2..5bc4c71b 100644
--- a/src/Livewire/Concerns/WithSteps.php
+++ b/src/Livewire/Concerns/WithSteps.php
@@ -30,7 +30,7 @@ public function steps(): Collection
                 instructions: $section->instructions(),
             );
         })
-        ->mapWithKeys(fn (Step $step) => [$step->number() => $this->assignStepStatus($step)]);
+            ->mapWithKeys(fn (Step $step) => [$step->number() => $this->assignStepStatus($step)]);
     }
 
     protected function assignStepStatus(Step $step): Step

From ca4fd826916231043f457b28a9f4b19a724b87c3 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 9 May 2024 15:36:27 -0400
Subject: [PATCH 203/209] Update README.md

---
 README.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 0721112e..944b36f0 100644
--- a/README.md
+++ b/README.md
@@ -10,7 +10,7 @@ This addon provides a powerful framework to use Statamic forms with Laravel Live
 - One source of truth for your validation rules
 - Spam protection with Google reCAPTCHA v2 and honeypot field
 - Support for display conditions set in your form blueprint
-- Multi-site support; translate your form labels, instructions, placeholders, etc.
+- Multi-site support; translate your form display labels, instructions, placeholders, etc.
 - Configured and styled form views
 
 ## Installation
@@ -198,7 +198,7 @@ There are a couple of blade directives you may use in your form views. The direc
 | ------------------------ | -------------------------------------------------------------------------------- | ------------------------- |
 | `@formSection('handle')` | Render a specific form section, e.g., `@formSection('contact_information')`      | section.blade.php         |
 | `@formField('handle')`   | Render a specific form field, e.g., `@formField('first_name')`                   | field.blade.php           |
-| `@formView('view')`      | Render a specific view of the current theme, e.g., `@formView('messages.label')` | Whatever view you provide |
+| `@formView('view')`      | Render a specific view of the current theme, e.g., `@formView('messages.display')` | Whatever view you provide |
 
 ### Customization Example
 
@@ -212,7 +212,7 @@ You may also add or override field properties using an array as the second argum
 
 ```blade
 @formField('name', [
-    'label' => 'Your Name',
+    'display' => 'Your Name',
     'tooltip' => 'Please enter your full name'
 ])
 ```
@@ -220,7 +220,7 @@ You may also add or override field properties using an array as the second argum
 You can then access the properties in the field's view.
 
 ```blade
-{{ $field->label }}
+{{ $field->display }}
 {{ $field->tooltip }}
 ```
 
@@ -294,7 +294,7 @@ You can also explicitly load a custom component by name like you would with any
 
 ### Field Models
 
-Each Statamic fieldtype is mapped to a Livewire Forms field model. Models are responsible for generating a field's properties like `view`, `label`, `instructions`, `options`, and so on. You can find the default mappings in `config/livewire-forms.php`.
+Each Statamic fieldtype is mapped to a Livewire Forms field model. Models are responsible for generating a field's properties like `view`, `display`, `instructions`, `options`, and so on. You can find the default mappings in `config/livewire-forms.php`.
 
 For instance, all the fields of type `\Statamic\Fieldtypes\Select::class` are bound to the `\Aerni\LivewireForms\Fields\Select::class` model. A field property is created for each model method ending with `Property`, e.g. `optionsProperty()` will generate an `options` property.
 
@@ -327,7 +327,7 @@ Use this hook to modify the fields after they are mounted.
 ```php
 public function mountedFields(Collection $fields): void
 {
-    $fields->get('name')->label('Your name');
+    $fields->get('name')->display('Your name');
 }
 ```
 
@@ -548,7 +548,7 @@ return [
 
 ### Translating sections and fields
 
-You can translate your field labels, instructions, options, and placeholders using JSON files. Create a translation file for each language, e.g. `resources/lang/de.json`.
+You can translate your field display labels, instructions, options, and placeholders using JSON files. Create a translation file for each language, e.g. `resources/lang/de.json`.
 
 ### Example
 

From f4b39e423970484dd84e1adf187933715abb86cf Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Thu, 9 May 2024 15:54:04 -0400
Subject: [PATCH 204/209] Use config value as default

---
 src/Commands/MakeTheme.php | 2 +-
 src/Commands/MakeView.php  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Commands/MakeTheme.php b/src/Commands/MakeTheme.php
index 39c93ef2..f9939bc9 100644
--- a/src/Commands/MakeTheme.php
+++ b/src/Commands/MakeTheme.php
@@ -21,7 +21,7 @@ class MakeTheme extends Command
 
     public function handle(): void
     {
-        $name = $this->argument('name') ?? text(label: 'What do you want to name the theme?', required: true);
+        $name = $this->argument('name') ?? text(label: 'What do you want to name the theme?', default: config('livewire-forms.theme'), required: true);
         $path = resource_path('views/'.config('livewire-forms.view_path').'/'.Str::snake($name));
 
         if (! File::exists($path) || confirm(label: 'A theme with this name already exists. Do you want to overwrite it?', default: false)) {
diff --git a/src/Commands/MakeView.php b/src/Commands/MakeView.php
index 38153796..fdb7e5c1 100644
--- a/src/Commands/MakeView.php
+++ b/src/Commands/MakeView.php
@@ -21,7 +21,7 @@ class MakeView extends Command
 
     public function handle(): void
     {
-        $name = $this->argument('name') ?? text(label: 'What do you want to name the view?', required: true);
+        $name = $this->argument('name') ?? text(label: 'What do you want to name the view?', default: config('livewire-forms.view'), required: true);
         $stub = File::get(__DIR__.'/../../resources/views/default.blade.php');
         $filename = Str::slug($name).'.blade.php';
         $path = resource_path('views/'.config('livewire-forms.view_path')."/{$filename}");

From 26a0c2b13e0655e783501d5f46b087d4c4d2d944 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Sat, 11 May 2024 16:16:01 -0400
Subject: [PATCH 205/209] Show error if no forms can be found

---
 src/Commands/MakeComponent.php | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/Commands/MakeComponent.php b/src/Commands/MakeComponent.php
index be14f3c1..886950dc 100644
--- a/src/Commands/MakeComponent.php
+++ b/src/Commands/MakeComponent.php
@@ -5,12 +5,12 @@
 use Illuminate\Console\Command;
 use Illuminate\Support\Facades\File;
 use Illuminate\Support\Str;
-use Statamic\Console\RunsInPlease;
-use Statamic\Facades\Form;
-
 use function Laravel\Prompts\confirm;
+use function Laravel\Prompts\error;
 use function Laravel\Prompts\info;
 use function Laravel\Prompts\select;
+use Statamic\Console\RunsInPlease;
+use Statamic\Facades\Form;
 
 class MakeComponent extends Command
 {
@@ -22,9 +22,17 @@ class MakeComponent extends Command
 
     public function handle(): void
     {
+        $forms = Form::all();
+
+        if ($forms->isEmpty()) {
+            error('There are no Statamic forms. You need at least one form to create a Livewire component.');
+
+            return;
+        }
+
         $name = select(
             label: 'Select the form for which you want to create a Livewire component.',
-            options: Form::all()->mapWithKeys(fn ($form) => [$form->handle() => $form->title()]),
+            options: $forms->mapWithKeys(fn ($form) => [$form->handle() => $form->title()]),
         );
 
         $className = Str::of($name)->endsWith('Form') ? $name : Str::of($name)->append('Form')->studly();

From e7f00d47fea03c7c41bb3ed0ae1067f79049e092 Mon Sep 17 00:00:00 2001
From: aerni <aerni@users.noreply.github.com>
Date: Sat, 11 May 2024 20:16:25 +0000
Subject: [PATCH 206/209] Fix styling

---
 src/Commands/MakeComponent.php | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Commands/MakeComponent.php b/src/Commands/MakeComponent.php
index 886950dc..46c32edb 100644
--- a/src/Commands/MakeComponent.php
+++ b/src/Commands/MakeComponent.php
@@ -5,12 +5,13 @@
 use Illuminate\Console\Command;
 use Illuminate\Support\Facades\File;
 use Illuminate\Support\Str;
+use Statamic\Console\RunsInPlease;
+use Statamic\Facades\Form;
+
 use function Laravel\Prompts\confirm;
 use function Laravel\Prompts\error;
 use function Laravel\Prompts\info;
 use function Laravel\Prompts\select;
-use Statamic\Console\RunsInPlease;
-use Statamic\Facades\Form;
 
 class MakeComponent extends Command
 {

From 5f5399f437990f1447b131a5543b8de2ac476548 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 13 May 2024 11:49:29 -0400
Subject: [PATCH 207/209] ID needs to be unique

---
 resources/views/default/layouts/navigation.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/default/layouts/navigation.blade.php b/resources/views/default/layouts/navigation.blade.php
index 4f58fd90..1577bf4d 100644
--- a/resources/views/default/layouts/navigation.blade.php
+++ b/resources/views/default/layouts/navigation.blade.php
@@ -2,7 +2,7 @@
     @foreach($this->steps as $step)
         <li
             x-show="showStep('{{ $step->handle() }}')"
-            wire:key="{{ $step->id() }}"
+            wire:key="{{ $step->id() }}-navigation"
             class="flex items-center whitespace-nowrap gap-x-3"
         >
             <button

From 884b4d6af696e91400e00776ff26e2f538b90e22 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 13 May 2024 14:17:17 -0400
Subject: [PATCH 208/209] Betterify Alpine implementation

---
 resources/dist/js/livewire-forms.js           |  2 +-
 resources/js/alpine/form.js                   | 52 +++++++++++--------
 resources/views/default.blade.php             |  2 +-
 .../views/default/layouts/step.blade.php      |  1 -
 src/Livewire/Concerns/WithSteps.php           |  9 ++--
 5 files changed, 37 insertions(+), 29 deletions(-)

diff --git a/resources/dist/js/livewire-forms.js b/resources/dist/js/livewire-forms.js
index 6b738817..ff607e95 100644
--- a/resources/dist/js/livewire-forms.js
+++ b/resources/dist/js/livewire-forms.js
@@ -82,4 +82,4 @@ ${t}</tr>
 `}tablecell(t,a){const n=a.header?"th":"td";return(a.align?`<${n} align="${a.align}">`:`<${n}>`)+t+`</${n}>
 `}strong(t){return`<strong>${t}</strong>`}em(t){return`<em>${t}</em>`}codespan(t){return`<code>${t}</code>`}br(){return this.options.xhtml?"<br/>":"<br>"}del(t){return`<del>${t}</del>`}link(t,a,n){if(t=cleanUrl(this.options.sanitize,this.options.baseUrl,t),t===null)return n;let l='<a href="'+t+'"';return a&&(l+=' title="'+a+'"'),l+=">"+n+"</a>",l}image(t,a,n){if(t=cleanUrl(this.options.sanitize,this.options.baseUrl,t),t===null)return n;let l=`<img src="${t}" alt="${n}"`;return a&&(l+=` title="${a}"`),l+=this.options.xhtml?"/>":">",l}text(t){return t}}class TextRenderer{strong(t){return t}em(t){return t}codespan(t){return t}del(t){return t}html(t){return t}text(t){return t}link(t,a,n){return""+n}image(t,a,n){return""+n}br(){return""}}class Slugger{constructor(){this.seen={}}serialize(t){return t.toLowerCase().trim().replace(/<[!\/a-z].*?>/ig,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")}getNextSafeSlug(t,a){let n=t,l=0;if(this.seen.hasOwnProperty(n)){l=this.seen[t];do l++,n=t+"-"+l;while(this.seen.hasOwnProperty(n))}return a||(this.seen[t]=l,this.seen[n]=0),n}slug(t,a={}){const n=this.serialize(t);return this.getNextSafeSlug(n,a.dryrun)}}class Parser{constructor(t){this.options=t||defaults,this.options.renderer=this.options.renderer||new Renderer,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new TextRenderer,this.slugger=new Slugger}static parse(t,a){return new Parser(a).parse(t)}static parseInline(t,a){return new Parser(a).parseInline(t)}parse(t,a=!0){let n="",l,r,s,o,c,u,d,p,h,m,g,E,T,I,f,b,S,R,A;const O=t.length;for(l=0;l<O;l++){if(m=t[l],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[m.type]&&(A=this.options.extensions.renderers[m.type].call({parser:this},m),A!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(m.type))){n+=A||"";continue}switch(m.type){case"space":continue;case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(m.tokens),m.depth,unescape$1(this.parseInline(m.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(m.text,m.lang,m.escaped);continue}case"table":{for(p="",d="",o=m.header.length,r=0;r<o;r++)d+=this.renderer.tablecell(this.parseInline(m.header[r].tokens),{header:!0,align:m.align[r]});for(p+=this.renderer.tablerow(d),h="",o=m.rows.length,r=0;r<o;r++){for(u=m.rows[r],d="",c=u.length,s=0;s<c;s++)d+=this.renderer.tablecell(this.parseInline(u[s].tokens),{header:!1,align:m.align[s]});h+=this.renderer.tablerow(d)}n+=this.renderer.table(p,h);continue}case"blockquote":{h=this.parse(m.tokens),n+=this.renderer.blockquote(h);continue}case"list":{for(g=m.ordered,E=m.start,T=m.loose,o=m.items.length,h="",r=0;r<o;r++)f=m.items[r],b=f.checked,S=f.task,I="",f.task&&(R=this.renderer.checkbox(b),T?f.tokens.length>0&&f.tokens[0].type==="paragraph"?(f.tokens[0].text=R+" "+f.tokens[0].text,f.tokens[0].tokens&&f.tokens[0].tokens.length>0&&f.tokens[0].tokens[0].type==="text"&&(f.tokens[0].tokens[0].text=R+" "+f.tokens[0].tokens[0].text)):f.tokens.unshift({type:"text",text:R}):I+=R),I+=this.parse(f.tokens,T),h+=this.renderer.listitem(I,S,b);n+=this.renderer.list(h,g,E);continue}case"html":{n+=this.renderer.html(m.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(m.tokens));continue}case"text":{for(h=m.tokens?this.parseInline(m.tokens):m.text;l+1<O&&t[l+1].type==="text";)m=t[++l],h+=`
 `+(m.tokens?this.parseInline(m.tokens):m.text);n+=a?this.renderer.paragraph(h):h;continue}default:{const L='Token with "'+m.type+'" type was not found.';if(this.options.silent){console.error(L);return}else throw new Error(L)}}}return n}parseInline(t,a){a=a||this.renderer;let n="",l,r,s;const o=t.length;for(l=0;l<o;l++){if(r=t[l],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[r.type]&&(s=this.options.extensions.renderers[r.type].call({parser:this},r),s!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(r.type))){n+=s||"";continue}switch(r.type){case"escape":{n+=a.text(r.text);break}case"html":{n+=a.html(r.text);break}case"link":{n+=a.link(r.href,r.title,this.parseInline(r.tokens,a));break}case"image":{n+=a.image(r.href,r.title,r.text);break}case"strong":{n+=a.strong(this.parseInline(r.tokens,a));break}case"em":{n+=a.em(this.parseInline(r.tokens,a));break}case"codespan":{n+=a.codespan(r.text);break}case"br":{n+=a.br();break}case"del":{n+=a.del(this.parseInline(r.tokens,a));break}case"text":{n+=a.text(r.text);break}default:{const c='Token with "'+r.type+'" type was not found.';if(this.options.silent){console.error(c);return}else throw new Error(c)}}}return n}}class Hooks{constructor(t){this.options=t||defaults}preprocess(t){return t}postprocess(t){return t}}Z(Hooks,"passThroughHooks",new Set(["preprocess","postprocess"]));function onError(e,t,a){return n=>{if(n.message+=`
-Please report this to https://github.com/markedjs/marked.`,e){const l="<p>An error occurred:</p><pre>"+escape(n.message+"",!0)+"</pre>";if(t)return Promise.resolve(l);if(a){a(null,l);return}return l}if(t)return Promise.reject(n);if(a){a(n);return}throw n}}function parseMarkdown(e,t){return(a,n,l)=>{typeof n=="function"&&(l=n,n=null);const r={...n};n={...marked.defaults,...r};const s=onError(n.silent,n.async,l);if(typeof a>"u"||a===null)return s(new Error("marked(): input parameter is undefined or null"));if(typeof a!="string")return s(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(a)+", string expected"));if(checkSanitizeDeprecation(n),n.hooks&&(n.hooks.options=n),l){const o=n.highlight;let c;try{n.hooks&&(a=n.hooks.preprocess(a)),c=e(a,n)}catch(p){return s(p)}const u=function(p){let h;if(!p)try{n.walkTokens&&marked.walkTokens(c,n.walkTokens),h=t(c,n),n.hooks&&(h=n.hooks.postprocess(h))}catch(m){p=m}return n.highlight=o,p?s(p):l(null,h)};if(!o||o.length<3||(delete n.highlight,!c.length))return u();let d=0;marked.walkTokens(c,function(p){p.type==="code"&&(d++,setTimeout(()=>{o(p.text,p.lang,function(h,m){if(h)return u(h);m!=null&&m!==p.text&&(p.text=m,p.escaped=!0),d--,d===0&&u()})},0))}),d===0&&u();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(a):a).then(o=>e(o,n)).then(o=>n.walkTokens?Promise.all(marked.walkTokens(o,n.walkTokens)).then(()=>o):o).then(o=>t(o,n)).then(o=>n.hooks?n.hooks.postprocess(o):o).catch(s);try{n.hooks&&(a=n.hooks.preprocess(a));const o=e(a,n);n.walkTokens&&marked.walkTokens(o,n.walkTokens);let c=t(o,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(o){return s(o)}}}function marked(e,t,a){return parseMarkdown(Lexer.lex,Parser.parse)(e,t,a)}marked.options=marked.setOptions=function(e){return marked.defaults={...marked.defaults,...e},changeDefaults(marked.defaults),marked},marked.getDefaults=getDefaults,marked.defaults=defaults,marked.use=function(...e){const t=marked.defaults.extensions||{renderers:{},childTokens:{}};e.forEach(a=>{const n={...a};if(n.async=marked.defaults.async||n.async||!1,a.extensions&&(a.extensions.forEach(l=>{if(!l.name)throw new Error("extension name required");if(l.renderer){const r=t.renderers[l.name];r?t.renderers[l.name]=function(...s){let o=l.renderer.apply(this,s);return o===!1&&(o=r.apply(this,s)),o}:t.renderers[l.name]=l.renderer}if(l.tokenizer){if(!l.level||l.level!=="block"&&l.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");t[l.level]?t[l.level].unshift(l.tokenizer):t[l.level]=[l.tokenizer],l.start&&(l.level==="block"?t.startBlock?t.startBlock.push(l.start):t.startBlock=[l.start]:l.level==="inline"&&(t.startInline?t.startInline.push(l.start):t.startInline=[l.start]))}l.childTokens&&(t.childTokens[l.name]=l.childTokens)}),n.extensions=t),a.renderer){const l=marked.defaults.renderer||new Renderer;for(const r in a.renderer){const s=l[r];l[r]=(...o)=>{let c=a.renderer[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.renderer=l}if(a.tokenizer){const l=marked.defaults.tokenizer||new Tokenizer;for(const r in a.tokenizer){const s=l[r];l[r]=(...o)=>{let c=a.tokenizer[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.tokenizer=l}if(a.hooks){const l=marked.defaults.hooks||new Hooks;for(const r in a.hooks){const s=l[r];Hooks.passThroughHooks.has(r)?l[r]=o=>{if(marked.defaults.async)return Promise.resolve(a.hooks[r].call(l,o)).then(u=>s.call(l,u));const c=a.hooks[r].call(l,o);return s.call(l,c)}:l[r]=(...o)=>{let c=a.hooks[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.hooks=l}if(a.walkTokens){const l=marked.defaults.walkTokens;n.walkTokens=function(r){let s=[];return s.push(a.walkTokens.call(this,r)),l&&(s=s.concat(l.call(this,r))),s}}marked.setOptions(n)})},marked.walkTokens=function(e,t){let a=[];for(const n of e)switch(a=a.concat(t.call(marked,n)),n.type){case"table":{for(const l of n.header)a=a.concat(marked.walkTokens(l.tokens,t));for(const l of n.rows)for(const r of l)a=a.concat(marked.walkTokens(r.tokens,t));break}case"list":{a=a.concat(marked.walkTokens(n.items,t));break}default:marked.defaults.extensions&&marked.defaults.extensions.childTokens&&marked.defaults.extensions.childTokens[n.type]?marked.defaults.extensions.childTokens[n.type].forEach(function(l){a=a.concat(marked.walkTokens(n[l],t))}):n.tokens&&(a=a.concat(marked.walkTokens(n.tokens,t)))}return a},marked.parseInline=parseMarkdown(Lexer.lexInline,Parser.parseInline),marked.Parser=Parser,marked.parser=Parser.parse,marked.Renderer=Renderer,marked.TextRenderer=TextRenderer,marked.Lexer=Lexer,marked.lexer=Lexer.lex,marked.Tokenizer=Tokenizer,marked.Slugger=Slugger,marked.Hooks=Hooks,marked.parse=marked,marked.options,marked.setOptions,marked.use,marked.walkTokens,marked.parseInline,Parser.parse,Lexer.lex;function getAugmentedNamespace(e){if(e.__esModule)return e;var t=e.default;if(typeof t=="function"){var a=function n(){return this instanceof n?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};a.prototype=t.prototype}else a={};return Object.defineProperty(a,"__esModule",{value:!0}),Object.keys(e).forEach(function(n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}),a}function commonjsRequire(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var uniqid={exports:{}};const __viteBrowserExternal={},__viteBrowserExternal$1=Object.freeze(Object.defineProperty({__proto__:null,default:__viteBrowserExternal},Symbol.toStringTag,{value:"Module"})),require$$0=getAugmentedNamespace(__viteBrowserExternal$1);var pid=typeof process<"u"&&process.pid?process.pid.toString(36):"",address="";if(typeof __webpack_require__!="function"&&typeof commonjsRequire<"u"){var mac="",os=require$$0;if(os.networkInterfaces)var networkInterfaces=os.networkInterfaces();if(networkInterfaces){e:for(let e in networkInterfaces){const t=networkInterfaces[e],a=t.length;for(var i=0;i<a;i++)if(t[i]!==void 0&&t[i].mac&&t[i].mac!="00:00:00:00:00:00"){mac=t[i].mac;break e}}address=mac?parseInt(mac.replace(/\:|\D+/gi,"")).toString(36):""}}uniqid.exports=uniqid.exports.default=function(e,t){return(e||"")+address+pid+now().toString(36)+(t||"")},uniqid.exports.process=function(e,t){return(e||"")+pid+now().toString(36)+(t||"")},uniqid.exports.time=function(e,t){return(e||"")+now().toString(36)+(t||"")};function now(){var e=Date.now(),t=now.last||e;return now.last=e>t?e:t+1}function data_get(e,t,a=null){var n=Array.isArray(t)?t:t.split("."),l=n.reduce((r,s)=>r&&r[s],e);return l!==void 0?l:a}const isString=tagTester("String");var isArguments=tagTester("Arguments");(function(){isArguments(arguments)||(isArguments=function(e){return has(e,"callee")})})();const isArguments$1=isArguments;function isEmpty(e){if(e==null)return!0;var t=getLength(e);return typeof t=="number"&&(isArray(e)||isString(e)||isArguments$1(e))?t===0:getLength(keys(e))===0}function values(e){for(var t=keys(e),a=t.length,n=Array(a),l=0;l<a;l++)n[l]=e[t[l]];return n}function sortedIndex(e,t,a,n){a=cb(a,n,1);for(var l=a(t),r=0,s=getLength(e);r<s;){var o=Math.floor((r+s)/2);a(e[o])<l?r=o+1:s=o}return r}function createPredicateIndexFinder(e){return function(t,a,n){a=cb(a,n);for(var l=getLength(t),r=e>0?0:l-1;r>=0&&r<l;r+=e)if(a(t[r],r,t))return r;return-1}}const findIndex=createPredicateIndexFinder(1),isNumber=tagTester("Number");function isNaN$1(e){return isNumber(e)&&_isNaN(e)}function createIndexFinder(e,t,a){return function(n,l,r){var s=0,o=getLength(n);if(typeof r=="number")e>0?s=r>=0?r:Math.max(r+o,s):o=r>=0?Math.min(r+1,o):r+o+1;else if(a&&r&&o)return r=a(n,l),n[r]===l?r:-1;if(l!==l)return r=t(slice.call(n,s,o),isNaN$1),r>=0?r+s:-1;for(r=e>0?s:o-1;r>=0&&r<o;r+=e)if(n[r]===l)return r;return-1}}const indexOf=createIndexFinder(1,findIndex,sortedIndex);function contains(e,t,a,n){return isArrayLike(e)||(e=values(e)),(typeof a!="number"||n)&&(a=0),indexOf(e,t,a)>=0}function intersection(e){for(var t=[],a=arguments.length,n=0,l=getLength(e);n<l;n++){var r=e[n];if(!contains(t,r)){var s;for(s=1;s<a&&contains(arguments[s],r);s++);s===a&&t.push(r)}}return t}function negate(e){return function(){return!e.apply(this,arguments)}}function reject(e,t,a){return filter(e,negate(cb(t)),a)}function initial(e,t,a){return slice.call(e,0,Math.max(0,e.length-(t==null||a?1:t)))}function first(e,t,a){return e==null||e.length<1?t==null||a?void 0:[]:t==null||a?e[0]:initial(e,e.length-t)}mixin({chain,map,each,filter,reject,first,isEmpty});const NUMBER_SPECIFIC_COMPARISONS=[">",">=","<","<="];class Validator{constructor(e,t,a,n){this.field=e,this.values=t,this.rootValues=a?a.state.publish[n].values:!1,this.store=a,this.storeName=n,this.passOnAny=!1,this.showOnPass=!0,this.converter=new Converter}passesConditions(e){let t=e||this.getConditions();if(t===void 0)return!0;if(this.isCustomConditionWithoutTarget(t))return this.passesCustomCondition(this.prepareCondition(t));let a=this.passOnAny?this.passesAnyConditions(t):this.passesAllConditions(t);return this.showOnPass?a:!a}getConditions(){let e=chain(KEYS).filter(a=>this.field[a]).first().value();if(!e)return;e.includes("any")&&(this.passOnAny=!0),(e.includes("unless")||e.includes("hide_when"))&&(this.showOnPass=!1);let t=this.field[e];return this.isCustomConditionWithoutTarget(t)?t:this.converter.fromBlueprint(t,this.field.prefix)}isCustomConditionWithoutTarget(e){return isString(e)}passesAllConditions(e){return chain(e).map(t=>this.prepareCondition(t)).reject(t=>this.passesCondition(t)).isEmpty().value()}passesAnyConditions(e){return!chain(e).map(t=>this.prepareCondition(t)).filter(t=>this.passesCondition(t)).isEmpty().value()}prepareCondition(e){if(isString(e)||e.operator==="custom")return this.prepareCustomCondition(e);let t=this.prepareOperator(e.operator),a=this.prepareLhs(e.field,t),n=this.prepareRhs(e.value,t);return{lhs:a,operator:t,rhs:n}}prepareOperator(e){switch(e){case null:case"":case"is":case"equals":return"==";case"isnt":case"not":case"¯\\_(ツ)_/¯":return"!=";case"includes":case"contains":return"includes";case"includes_any":case"contains_any":return"includes_any"}return e}prepareLhs(e,t){let a=this.getFieldValue(e);return NUMBER_SPECIFIC_COMPARISONS.includes(t)?Number(a):t==="includes"&&!isObject(a)?a?a.toString():"":(isString(a)&&isEmpty(a)&&(a=null),isString(a)?JSON.stringify(a.trim()):a)}prepareRhs(e,t){switch(e){case"null":return null;case"true":return!0;case"false":return!1}return NUMBER_SPECIFIC_COMPARISONS.includes(t)?Number(e):e==="empty"||t==="includes"||t==="includes_any"?e:isString(e)?JSON.stringify(e.trim()):e}prepareCustomCondition(e){let t=this.prepareFunctionName(e.value||e),a=this.prepareParams(e.value||e),n=e.field?this.getFieldValue(e.field):null,l=e.field;return{functionName:t,params:a,target:n,targetHandle:l}}prepareFunctionName(e){return e.replace(new RegExp("^custom "),"").split(":")[0]}prepareParams(e){let t=e.split(":")[1];return t?t.split(",").map(a=>a.trim()):[]}getFieldValue(e){return e.startsWith("root.")?data_get(this.rootValues,e.replace(new RegExp("^root."),"")):data_get(this.values,e)}passesCondition(condition){return condition.functionName?this.passesCustomCondition(condition):condition.operator==="includes"?this.passesIncludesCondition(condition):condition.operator==="includes_any"?this.passesIncludesAnyCondition(condition):(condition.rhs==="empty"&&(condition.lhs=isEmpty(condition.lhs),condition.rhs=!0),isObject(condition.lhs)?!1:eval(`${condition.lhs} ${condition.operator} ${condition.rhs}`))}passesIncludesCondition(e){return e.lhs.includes(e.rhs)}passesIncludesAnyCondition(e){let t=e.rhs.split(",").map(a=>a.trim());return Array.isArray(e.lhs)?intersection(e.lhs,t).length:new RegExp(t.join("|")).test(e.lhs)}passesCustomCondition(e){let t=data_get(this.store.state.statamic.conditions,e.functionName);if(typeof t!="function")return console.error(`Statamic field condition [${e.functionName}] was not properly defined.`),!1;let a=t({params:e.params,target:e.target,targetHandle:e.targetHandle,values:this.values,root:this.rootValues,store:this.store,storeName:this.storeName});return this.showOnPass?a:!a}passesNonRevealerConditions(e){let t=this.getConditions();if(this.isCustomConditionWithoutTarget(t))return this.passesConditions(t);let a=data_get(this.store.state.publish[this.storeName],"revealerFields",[]),n=chain(this.getConditions()).reject(l=>a.includes(this.relativeLhsToAbsoluteFieldPath(l.field,e))).value();return this.passesConditions(n)}relativeLhsToAbsoluteFieldPath(e,t){return t?e.startsWith("root.")?e.replace(/^root\./,""):t+"."+e:e}}class FieldConditions{showField(t,a){return new Validator(t,a).passesConditions()}}const form=()=>({fields:{},conditions:new FieldConditions,processFields(e){const t=Object.entries(e).reduce((a,[n,l])=>(a[n]=l.value,a),{});this.fields=Object.entries(e).reduce((a,[n,l])=>{const r=this.conditions.showField(l.properties.conditions,t);return a[n]={visible:r&&!l.properties.hidden,submittable:l.properties.always_save||r,section:l.section},this.$wire.submittableFields[n]=a[n].submittable,a},{})},fieldsBySection(e){return Object.entries(this.fields).reduce((t,[a,n])=>{let l=n.section;return t[l]||(t[l]={}),t[l][a]=n,t},{})[e]},showField(e){return this.fields[e].visible},showSection(e){return Object.entries(this.fieldsBySection(e)).some(([t])=>this.fields[t].visible)},showStep(e){let t=this.showSection(e);return this.$wire.stepVisibility[e]!==t&&(this.$wire.stepVisibility[e]=t,this.$wire.$refresh()),t}});Alpine.data("filepond",filepond),Alpine.data("form",form)});
+Please report this to https://github.com/markedjs/marked.`,e){const l="<p>An error occurred:</p><pre>"+escape(n.message+"",!0)+"</pre>";if(t)return Promise.resolve(l);if(a){a(null,l);return}return l}if(t)return Promise.reject(n);if(a){a(n);return}throw n}}function parseMarkdown(e,t){return(a,n,l)=>{typeof n=="function"&&(l=n,n=null);const r={...n};n={...marked.defaults,...r};const s=onError(n.silent,n.async,l);if(typeof a>"u"||a===null)return s(new Error("marked(): input parameter is undefined or null"));if(typeof a!="string")return s(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(a)+", string expected"));if(checkSanitizeDeprecation(n),n.hooks&&(n.hooks.options=n),l){const o=n.highlight;let c;try{n.hooks&&(a=n.hooks.preprocess(a)),c=e(a,n)}catch(p){return s(p)}const u=function(p){let h;if(!p)try{n.walkTokens&&marked.walkTokens(c,n.walkTokens),h=t(c,n),n.hooks&&(h=n.hooks.postprocess(h))}catch(m){p=m}return n.highlight=o,p?s(p):l(null,h)};if(!o||o.length<3||(delete n.highlight,!c.length))return u();let d=0;marked.walkTokens(c,function(p){p.type==="code"&&(d++,setTimeout(()=>{o(p.text,p.lang,function(h,m){if(h)return u(h);m!=null&&m!==p.text&&(p.text=m,p.escaped=!0),d--,d===0&&u()})},0))}),d===0&&u();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(a):a).then(o=>e(o,n)).then(o=>n.walkTokens?Promise.all(marked.walkTokens(o,n.walkTokens)).then(()=>o):o).then(o=>t(o,n)).then(o=>n.hooks?n.hooks.postprocess(o):o).catch(s);try{n.hooks&&(a=n.hooks.preprocess(a));const o=e(a,n);n.walkTokens&&marked.walkTokens(o,n.walkTokens);let c=t(o,n);return n.hooks&&(c=n.hooks.postprocess(c)),c}catch(o){return s(o)}}}function marked(e,t,a){return parseMarkdown(Lexer.lex,Parser.parse)(e,t,a)}marked.options=marked.setOptions=function(e){return marked.defaults={...marked.defaults,...e},changeDefaults(marked.defaults),marked},marked.getDefaults=getDefaults,marked.defaults=defaults,marked.use=function(...e){const t=marked.defaults.extensions||{renderers:{},childTokens:{}};e.forEach(a=>{const n={...a};if(n.async=marked.defaults.async||n.async||!1,a.extensions&&(a.extensions.forEach(l=>{if(!l.name)throw new Error("extension name required");if(l.renderer){const r=t.renderers[l.name];r?t.renderers[l.name]=function(...s){let o=l.renderer.apply(this,s);return o===!1&&(o=r.apply(this,s)),o}:t.renderers[l.name]=l.renderer}if(l.tokenizer){if(!l.level||l.level!=="block"&&l.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");t[l.level]?t[l.level].unshift(l.tokenizer):t[l.level]=[l.tokenizer],l.start&&(l.level==="block"?t.startBlock?t.startBlock.push(l.start):t.startBlock=[l.start]:l.level==="inline"&&(t.startInline?t.startInline.push(l.start):t.startInline=[l.start]))}l.childTokens&&(t.childTokens[l.name]=l.childTokens)}),n.extensions=t),a.renderer){const l=marked.defaults.renderer||new Renderer;for(const r in a.renderer){const s=l[r];l[r]=(...o)=>{let c=a.renderer[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.renderer=l}if(a.tokenizer){const l=marked.defaults.tokenizer||new Tokenizer;for(const r in a.tokenizer){const s=l[r];l[r]=(...o)=>{let c=a.tokenizer[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.tokenizer=l}if(a.hooks){const l=marked.defaults.hooks||new Hooks;for(const r in a.hooks){const s=l[r];Hooks.passThroughHooks.has(r)?l[r]=o=>{if(marked.defaults.async)return Promise.resolve(a.hooks[r].call(l,o)).then(u=>s.call(l,u));const c=a.hooks[r].call(l,o);return s.call(l,c)}:l[r]=(...o)=>{let c=a.hooks[r].apply(l,o);return c===!1&&(c=s.apply(l,o)),c}}n.hooks=l}if(a.walkTokens){const l=marked.defaults.walkTokens;n.walkTokens=function(r){let s=[];return s.push(a.walkTokens.call(this,r)),l&&(s=s.concat(l.call(this,r))),s}}marked.setOptions(n)})},marked.walkTokens=function(e,t){let a=[];for(const n of e)switch(a=a.concat(t.call(marked,n)),n.type){case"table":{for(const l of n.header)a=a.concat(marked.walkTokens(l.tokens,t));for(const l of n.rows)for(const r of l)a=a.concat(marked.walkTokens(r.tokens,t));break}case"list":{a=a.concat(marked.walkTokens(n.items,t));break}default:marked.defaults.extensions&&marked.defaults.extensions.childTokens&&marked.defaults.extensions.childTokens[n.type]?marked.defaults.extensions.childTokens[n.type].forEach(function(l){a=a.concat(marked.walkTokens(n[l],t))}):n.tokens&&(a=a.concat(marked.walkTokens(n.tokens,t)))}return a},marked.parseInline=parseMarkdown(Lexer.lexInline,Parser.parseInline),marked.Parser=Parser,marked.parser=Parser.parse,marked.Renderer=Renderer,marked.TextRenderer=TextRenderer,marked.Lexer=Lexer,marked.lexer=Lexer.lex,marked.Tokenizer=Tokenizer,marked.Slugger=Slugger,marked.Hooks=Hooks,marked.parse=marked,marked.options,marked.setOptions,marked.use,marked.walkTokens,marked.parseInline,Parser.parse,Lexer.lex;function getAugmentedNamespace(e){if(e.__esModule)return e;var t=e.default;if(typeof t=="function"){var a=function n(){return this instanceof n?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};a.prototype=t.prototype}else a={};return Object.defineProperty(a,"__esModule",{value:!0}),Object.keys(e).forEach(function(n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}),a}function commonjsRequire(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var uniqid={exports:{}};const __viteBrowserExternal={},__viteBrowserExternal$1=Object.freeze(Object.defineProperty({__proto__:null,default:__viteBrowserExternal},Symbol.toStringTag,{value:"Module"})),require$$0=getAugmentedNamespace(__viteBrowserExternal$1);var pid=typeof process<"u"&&process.pid?process.pid.toString(36):"",address="";if(typeof __webpack_require__!="function"&&typeof commonjsRequire<"u"){var mac="",os=require$$0;if(os.networkInterfaces)var networkInterfaces=os.networkInterfaces();if(networkInterfaces){e:for(let e in networkInterfaces){const t=networkInterfaces[e],a=t.length;for(var i=0;i<a;i++)if(t[i]!==void 0&&t[i].mac&&t[i].mac!="00:00:00:00:00:00"){mac=t[i].mac;break e}}address=mac?parseInt(mac.replace(/\:|\D+/gi,"")).toString(36):""}}uniqid.exports=uniqid.exports.default=function(e,t){return(e||"")+address+pid+now().toString(36)+(t||"")},uniqid.exports.process=function(e,t){return(e||"")+pid+now().toString(36)+(t||"")},uniqid.exports.time=function(e,t){return(e||"")+now().toString(36)+(t||"")};function now(){var e=Date.now(),t=now.last||e;return now.last=e>t?e:t+1}function data_get(e,t,a=null){var n=Array.isArray(t)?t:t.split("."),l=n.reduce((r,s)=>r&&r[s],e);return l!==void 0?l:a}const isString=tagTester("String");var isArguments=tagTester("Arguments");(function(){isArguments(arguments)||(isArguments=function(e){return has(e,"callee")})})();const isArguments$1=isArguments;function isEmpty(e){if(e==null)return!0;var t=getLength(e);return typeof t=="number"&&(isArray(e)||isString(e)||isArguments$1(e))?t===0:getLength(keys(e))===0}function values(e){for(var t=keys(e),a=t.length,n=Array(a),l=0;l<a;l++)n[l]=e[t[l]];return n}function sortedIndex(e,t,a,n){a=cb(a,n,1);for(var l=a(t),r=0,s=getLength(e);r<s;){var o=Math.floor((r+s)/2);a(e[o])<l?r=o+1:s=o}return r}function createPredicateIndexFinder(e){return function(t,a,n){a=cb(a,n);for(var l=getLength(t),r=e>0?0:l-1;r>=0&&r<l;r+=e)if(a(t[r],r,t))return r;return-1}}const findIndex=createPredicateIndexFinder(1),isNumber=tagTester("Number");function isNaN$1(e){return isNumber(e)&&_isNaN(e)}function createIndexFinder(e,t,a){return function(n,l,r){var s=0,o=getLength(n);if(typeof r=="number")e>0?s=r>=0?r:Math.max(r+o,s):o=r>=0?Math.min(r+1,o):r+o+1;else if(a&&r&&o)return r=a(n,l),n[r]===l?r:-1;if(l!==l)return r=t(slice.call(n,s,o),isNaN$1),r>=0?r+s:-1;for(r=e>0?s:o-1;r>=0&&r<o;r+=e)if(n[r]===l)return r;return-1}}const indexOf=createIndexFinder(1,findIndex,sortedIndex);function contains(e,t,a,n){return isArrayLike(e)||(e=values(e)),(typeof a!="number"||n)&&(a=0),indexOf(e,t,a)>=0}function intersection(e){for(var t=[],a=arguments.length,n=0,l=getLength(e);n<l;n++){var r=e[n];if(!contains(t,r)){var s;for(s=1;s<a&&contains(arguments[s],r);s++);s===a&&t.push(r)}}return t}function negate(e){return function(){return!e.apply(this,arguments)}}function reject(e,t,a){return filter(e,negate(cb(t)),a)}function initial(e,t,a){return slice.call(e,0,Math.max(0,e.length-(t==null||a?1:t)))}function first(e,t,a){return e==null||e.length<1?t==null||a?void 0:[]:t==null||a?e[0]:initial(e,e.length-t)}mixin({chain,map,each,filter,reject,first,isEmpty});const NUMBER_SPECIFIC_COMPARISONS=[">",">=","<","<="];class Validator{constructor(e,t,a,n){this.field=e,this.values=t,this.rootValues=a?a.state.publish[n].values:!1,this.store=a,this.storeName=n,this.passOnAny=!1,this.showOnPass=!0,this.converter=new Converter}passesConditions(e){let t=e||this.getConditions();if(t===void 0)return!0;if(this.isCustomConditionWithoutTarget(t))return this.passesCustomCondition(this.prepareCondition(t));let a=this.passOnAny?this.passesAnyConditions(t):this.passesAllConditions(t);return this.showOnPass?a:!a}getConditions(){let e=chain(KEYS).filter(a=>this.field[a]).first().value();if(!e)return;e.includes("any")&&(this.passOnAny=!0),(e.includes("unless")||e.includes("hide_when"))&&(this.showOnPass=!1);let t=this.field[e];return this.isCustomConditionWithoutTarget(t)?t:this.converter.fromBlueprint(t,this.field.prefix)}isCustomConditionWithoutTarget(e){return isString(e)}passesAllConditions(e){return chain(e).map(t=>this.prepareCondition(t)).reject(t=>this.passesCondition(t)).isEmpty().value()}passesAnyConditions(e){return!chain(e).map(t=>this.prepareCondition(t)).filter(t=>this.passesCondition(t)).isEmpty().value()}prepareCondition(e){if(isString(e)||e.operator==="custom")return this.prepareCustomCondition(e);let t=this.prepareOperator(e.operator),a=this.prepareLhs(e.field,t),n=this.prepareRhs(e.value,t);return{lhs:a,operator:t,rhs:n}}prepareOperator(e){switch(e){case null:case"":case"is":case"equals":return"==";case"isnt":case"not":case"¯\\_(ツ)_/¯":return"!=";case"includes":case"contains":return"includes";case"includes_any":case"contains_any":return"includes_any"}return e}prepareLhs(e,t){let a=this.getFieldValue(e);return NUMBER_SPECIFIC_COMPARISONS.includes(t)?Number(a):t==="includes"&&!isObject(a)?a?a.toString():"":(isString(a)&&isEmpty(a)&&(a=null),isString(a)?JSON.stringify(a.trim()):a)}prepareRhs(e,t){switch(e){case"null":return null;case"true":return!0;case"false":return!1}return NUMBER_SPECIFIC_COMPARISONS.includes(t)?Number(e):e==="empty"||t==="includes"||t==="includes_any"?e:isString(e)?JSON.stringify(e.trim()):e}prepareCustomCondition(e){let t=this.prepareFunctionName(e.value||e),a=this.prepareParams(e.value||e),n=e.field?this.getFieldValue(e.field):null,l=e.field;return{functionName:t,params:a,target:n,targetHandle:l}}prepareFunctionName(e){return e.replace(new RegExp("^custom "),"").split(":")[0]}prepareParams(e){let t=e.split(":")[1];return t?t.split(",").map(a=>a.trim()):[]}getFieldValue(e){return e.startsWith("root.")?data_get(this.rootValues,e.replace(new RegExp("^root."),"")):data_get(this.values,e)}passesCondition(condition){return condition.functionName?this.passesCustomCondition(condition):condition.operator==="includes"?this.passesIncludesCondition(condition):condition.operator==="includes_any"?this.passesIncludesAnyCondition(condition):(condition.rhs==="empty"&&(condition.lhs=isEmpty(condition.lhs),condition.rhs=!0),isObject(condition.lhs)?!1:eval(`${condition.lhs} ${condition.operator} ${condition.rhs}`))}passesIncludesCondition(e){return e.lhs.includes(e.rhs)}passesIncludesAnyCondition(e){let t=e.rhs.split(",").map(a=>a.trim());return Array.isArray(e.lhs)?intersection(e.lhs,t).length:new RegExp(t.join("|")).test(e.lhs)}passesCustomCondition(e){let t=data_get(this.store.state.statamic.conditions,e.functionName);if(typeof t!="function")return console.error(`Statamic field condition [${e.functionName}] was not properly defined.`),!1;let a=t({params:e.params,target:e.target,targetHandle:e.targetHandle,values:this.values,root:this.rootValues,store:this.store,storeName:this.storeName});return this.showOnPass?a:!a}passesNonRevealerConditions(e){let t=this.getConditions();if(this.isCustomConditionWithoutTarget(t))return this.passesConditions(t);let a=data_get(this.store.state.publish[this.storeName],"revealerFields",[]),n=chain(this.getConditions()).reject(l=>a.includes(this.relativeLhsToAbsoluteFieldPath(l.field,e))).value();return this.passesConditions(n)}relativeLhsToAbsoluteFieldPath(e,t){return t?e.startsWith("root.")?e.replace(/^root\./,""):t+"."+e:e}}class FieldConditions{showField(t,a){return new Validator(t,a).passesConditions()}}const form=()=>({fields:{},sections:{},processForm(){this.fields=this.processFields(this.$wire.fields),this.sections=this.processSections(this.fields)},processFields(e){const t=Object.entries(e).reduce((a,[n,l])=>(a[n]=l.value,a),{});return Object.entries(e).reduce((a,[n,l])=>{const r=new FieldConditions().showField(l.properties.conditions,t);return a[n]={visible:r&&!l.properties.hidden,submittable:l.properties.always_save||r,section:l.section},this.$wire.submittableFields[n]=a[n].submittable,a},{})},processSections(e){const t=Object.entries(e).reduce((n,[l,r])=>(r.section&&(n[r.section]=n[r.section]||[],n[r.section].push(r.visible)),n),{}),a=Object.fromEntries(Object.entries(t).map(([n,l])=>[n,l.every(Boolean)]));return JSON.stringify(a)!==JSON.stringify(this.$wire.stepVisibility)&&(this.$wire.stepVisibility=a,this.$wire.$refresh()),a},showField(e){return this.fields[e].visible},showSection(e){return this.sections[e]},showStep(e){return this.sections[e]}});Alpine.data("filepond",filepond),Alpine.data("form",form)});
diff --git a/resources/js/alpine/form.js b/resources/js/alpine/form.js
index 904e76bf..6768d4a3 100644
--- a/resources/js/alpine/form.js
+++ b/resources/js/alpine/form.js
@@ -1,9 +1,13 @@
-import FieldConditions from '../../../vendor/statamic/cms/resources/js/frontend/components/FieldConditions.js';
+import FieldConditions from '../../../vendor/statamic/cms/resources/js/frontend/components/FieldConditions.js'
 
 export default () => ({
     fields: {},
+    sections: {},
 
-    conditions: new FieldConditions,
+    processForm() {
+        this.fields = this.processFields(this.$wire.fields)
+        this.sections = this.processSections(this.fields)
+    },
 
     processFields(fields) {
         const values = Object.entries(fields).reduce((fields, [key, field]) => {
@@ -12,8 +16,8 @@ export default () => ({
             return fields
         }, {})
 
-        this.fields = Object.entries(fields).reduce((fields, [key, field]) => {
-            const passesConditions = this.conditions.showField(field.properties.conditions, values)
+        return Object.entries(fields).reduce((fields, [key, field]) => {
+            const passesConditions = new FieldConditions().showField(field.properties.conditions, values)
 
             fields[key] = {
                 visible: passesConditions && !field.properties.hidden,
@@ -27,18 +31,29 @@ export default () => ({
         }, {})
     },
 
-    fieldsBySection(section) {
-        return Object.entries(this.fields).reduce((sections, [key, field]) => {
-            let section = field.section;
-
-            if (! sections[section]) {
-                sections[section] = {};
+    processSections(fields) {
+        const visibleFieldsBySection = Object.entries(fields).reduce((sections, [key, field]) => {
+            if (field.section) {
+                sections[field.section] = sections[field.section] || []
+                sections[field.section].push(field.visible)
             }
 
-            sections[section][key] = field;
+            return sections
+        }, {})
+
+        const sectionVisibility = Object.fromEntries(
+            Object.entries(visibleFieldsBySection).map(([section, visibilities]) => [
+                section,
+                visibilities.every(Boolean),
+            ])
+        )
 
-            return sections;
-        }, {})[section];
+        if (JSON.stringify(sectionVisibility) !== JSON.stringify(this.$wire.stepVisibility)) {
+            this.$wire.stepVisibility = sectionVisibility
+            this.$wire.$refresh()
+        }
+
+        return sectionVisibility
     },
 
     showField(field) {
@@ -46,17 +61,10 @@ export default () => ({
     },
 
     showSection(section) {
-        return Object.entries(this.fieldsBySection(section)).some(([field]) => this.fields[field].visible)
+        return this.sections[section]
     },
 
     showStep(step) {
-        let visible = this.showSection(step)
-
-        if (this.$wire.stepVisibility[step] !== visible) {
-            this.$wire.stepVisibility[step] = visible
-            this.$wire.$refresh()
-        }
-
-        return visible
+        return this.sections[step]
     },
 })
diff --git a/resources/views/default.blade.php b/resources/views/default.blade.php
index eab27130..95293720 100644
--- a/resources/views/default.blade.php
+++ b/resources/views/default.blade.php
@@ -1,6 +1,6 @@
 <form
     x-data="form"
-    x-effect="processFields($wire.fields)"
+    x-effect="processForm"
     x-cloak
     wire:submit="submit"
 >
diff --git a/resources/views/default/layouts/step.blade.php b/resources/views/default/layouts/step.blade.php
index b890812d..1d353ec9 100644
--- a/resources/views/default/layouts/step.blade.php
+++ b/resources/views/default/layouts/step.blade.php
@@ -1,5 +1,4 @@
 <section
-    x-show="showStep('{{ $step->handle() }}')"
     wire:key="{{ $step->id() }}"
     class="flex flex-col p-8 bg-white border rounded-lg gap-y-8"
 
diff --git a/src/Livewire/Concerns/WithSteps.php b/src/Livewire/Concerns/WithSteps.php
index 5bc4c71b..6c60bc1d 100644
--- a/src/Livewire/Concerns/WithSteps.php
+++ b/src/Livewire/Concerns/WithSteps.php
@@ -141,11 +141,12 @@ protected function stepIsVisible(string $handle): bool
         return $this->stepVisibility[$handle] ?? true;
     }
 
-    public function updatedStepVisibility(bool $visible, string $key): void
+    public function updatedStepVisibility($value): void
     {
         /* Remove validation errors of hidden steps. */
-        if (! $visible) {
-            $this->steps->firstWhere(fn ($step) => $step->handle() === $key)->resetErrorBag();
-        }
+        collect($this->stepVisibility)
+            ->filter(fn ($value) => $value === false)
+            ->each(fn ($visible, $handle) => $this->steps->firstWhere(fn ($step) => $step->handle() === $handle)->resetErrorBag());
+
     }
 }

From cd62dfdecdec78e48ab6771b6188b6ea86f561ba Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Mon, 13 May 2024 14:53:24 -0400
Subject: [PATCH 209/209] Throw exception if form has no fields

---
 src/Exceptions/FormHasNoFieldsException.php | 13 +++++++++++++
 src/Livewire/Concerns/WithFields.php        |  3 +++
 2 files changed, 16 insertions(+)
 create mode 100644 src/Exceptions/FormHasNoFieldsException.php

diff --git a/src/Exceptions/FormHasNoFieldsException.php b/src/Exceptions/FormHasNoFieldsException.php
new file mode 100644
index 00000000..07ce3c9e
--- /dev/null
+++ b/src/Exceptions/FormHasNoFieldsException.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace Aerni\LivewireForms\Exceptions;
+
+use Exception;
+
+class FormHasNoFieldsException extends Exception
+{
+    public function __construct(protected string $handle)
+    {
+        parent::__construct("The form [{$this->handle}] has no fields.");
+    }
+}
diff --git a/src/Livewire/Concerns/WithFields.php b/src/Livewire/Concerns/WithFields.php
index 7ac774e5..c6e5ac0c 100644
--- a/src/Livewire/Concerns/WithFields.php
+++ b/src/Livewire/Concerns/WithFields.php
@@ -2,6 +2,7 @@
 
 namespace Aerni\LivewireForms\Livewire\Concerns;
 
+use Aerni\LivewireForms\Exceptions\FormHasNoFieldsException;
 use Aerni\LivewireForms\Fields\Captcha;
 use Aerni\LivewireForms\Fields\Field;
 use Aerni\LivewireForms\Fields\Honeypot;
@@ -45,6 +46,8 @@ protected function fields(): Collection
     {
         $honeypot = Honeypot::make(new StatamicField($this->form->honeypot(), []));
 
+        throw_if($this->form->fields()->isEmpty(), new FormHasNoFieldsException($this->handle));
+
         return $this->form->fields()
             ->map(fn ($field) => $this->makeFieldFromModel($field))
             ->put($honeypot->handle, $honeypot);