feat(HTML): input[type="file"] support added, inclusive drag and drop files

Author: StfBauer

htwoo-core/src/_patterns/atoms/input/input-file.hbs

@@ -1,16 +1,18 @@
 {{#input.file-upload}}
 <section class="hoo-input-file">
-    <div class="hoo-infile-icon">
-        {{> atoms-icon }}
-    </div>
-    <div class="hoo-input-file-inner">
-        <label for="file_upload" class="hoo-infile-label" name="file-upload" tabIndex="-1">{{label}}Click or drag and
-            drop</label>
-        <div class="hoo-infile-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi, libero?
+    <label class="hoo-infile-label" name="file-upload" tabIndex="-1" for="{{ getId "file-upload" }}" draggable="true">
+        <div class="hoo-infile-icon">
+            {{> atoms-icon }}
         </div>
-        <input type="file" id="file_upload" name="{{name}}" class="hoo-infile-context" multiple />
-
-        <output class="hoo-infile-output"></output>
-    </div>
-</section>
+        <div>
+            {{label}}
+            {{#description }}
+            <p class="hoo-infile-description">{{ this }}
+            </p>
+            {{/description }}
+        </div>
+    </label>
+    <input type="file" id="{{ getLastId }}" name="{{name}}" class="hoo-infile-context" multiple aria-describedby="{{ getLastId }}-content" />
+    <output class="hoo-infile-output" id="{{ getLastNumericId }}-content" aria-live="polite" title="Current selection"></output>
 {{/input.file-upload}}
+</section>