Refactoring: improve special components

UI/InputElement/InputHelpers.ts

@@ -76,7 +76,7 @@ export default class InputHelpers {
             mapProperties = { ...mapProperties, location }
         }
         let zoom = 17
-        if (properties.args[0]) {
+        if (properties?.args?.[0] !== undefined) {
             zoom = Number(properties.args[0])
             if (isNaN(zoom)) {
                 throw "Invalid zoom level for argument at 'length'-input"

UI/InputElement/ValidatedInput.svelte

@@ -10,7 +10,7 @@
   export let value: UIEventSource<string>;
   // Internal state, only copied to 'value' so that no invalid values leak outside
   let _value = new UIEventSource(value.data ?? "");
-  onDestroy(value.addCallbackAndRun(v => _value.setData(v ?? "")));
+  onDestroy(value.addCallbackAndRunD(v => _value.setData(v ?? "")));
   export let type: ValidatorType;
   let validator = Validators.get(type);
   export let feedback: UIEventSource<Translation> | undefined = undefined;
@@ -34,12 +34,8 @@
 
   let dispatch = createEventDispatcher<{ selected }>();
   $: {
-    console.log(htmlElem);
     if (htmlElem !== undefined) {
-      htmlElem.onfocus = () => {
-        console.log("Dispatching selected event");
-        return dispatch("selected");
-      };
+      htmlElem.onfocus = () => dispatch("selected");
     }
   }
 </script>

UI/InputElement/Validators/DateValidator.ts

@@ -10,6 +10,11 @@ export default class DateValidator extends Validator {
     }
 
     reformat(str: string) {
+        console.log("Reformatting", str)
+        if (!this.isValid(str)) {
+            // The date is invalid - we return the string as is
+            return str
+        }
         const d = new Date(str)
         let month = "" + (d.getMonth() + 1)
         let day = "" + d.getDate()