feat: number init

Author: NiclasNorin

source/js/fields/fieldBuilder.ts

@@ -34,6 +34,7 @@ class FieldBuilder implements FieldBuilderInterface {
             case 'url':
             case 'date':
             case 'time':
+            case 'number':
                 return this.buildText(field);
             case 'select':
                 return this.buildSelect(field);
@@ -103,7 +104,14 @@ class FieldBuilder implements FieldBuilderInterface {
     }
 
     private buildText(field: HTMLElement): FieldInterface {
-        const input = field.querySelector('input:is([type="text"], [type="email"], [type="url"], [type="date"], [type="time"])') as HTMLInputElement;
+        const input = field.querySelector(`input:is(
+            [type="text"],
+            [type="email"],
+            [type="url"],
+            [type="date"],
+            [type="time"],
+            [type="number"]
+        )`) as HTMLInputElement;
 
         if (!input) {
             console.error('Text field is not an input element with type "text", "email" or "url", "date" or "time"');

source/php/Module/FormatSteps.php

@@ -126,10 +126,12 @@ private function mapNumber(array $field): array
     {
         // TODO: Append ex. SEK?
         $mapped = $this->mapBasic($field, 'number');
-        $mapped['placeholder'] = $field['placeholder'] ?? '';
-        $mapped['value']       = $field['default_value'] ?? '';
-        $mapped['min']         = $field['min'] ?? null;
-        $mapped['max']         = $field['max'] ?? null;
+
+        $mapped['placeholder']                         = $field['placeholder'] ?? '';
+        $mapped['value']                               = $field['default_value'] ?? '';
+        $mapped['moveAttributesListToFieldAttributes'] = false;
+        $mapped['attributeList']['min']                = $field['min'] ?? null;
+        $mapped['attributeList']['max']                = $field['max'] ?? null;
 
         return $mapped;
     }

source/php/Module/views/fields/number.blade.php

@@ -0,0 +1,2 @@
+@field($field)
+@endfield