@aerogel/core 0.1.1-next.99766defd90af84297715d34b226d66e90304026 → 0.1.1-next.99b3fb08de2a9c2e13062ba0459f432627992d23

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@aerogel/core",
-    "version": "0.1.1-next.99766defd90af84297715d34b226d66e90304026",
+    "version": "0.1.1-next.99b3fb08de2a9c2e13062ba0459f432627992d23",
     "type": "module",
     "sideEffects": false,
     "exports": {

package/src/components/headless/HeadlessInputInput.vue

@@ -65,11 +65,19 @@ function getValue(): FormFieldValue | null {
             return $input.value.checked;
         case 'date':
         case 'time':
-        case 'datetime-local':
-            return new Date(
+        case 'datetime-local': {
+            const date = new Date(
                 Math.round($input.value.valueAsNumber / 60000) * 60000 +
-                    getLocalTimezoneOffset($input.value.valueAsDate),
+                    getLocalTimezoneOffset($input.value.valueAsDate ?? new Date($input.value.valueAsNumber)),
             );
+
+            if (isNaN(date.getTime())) {
+                return null;
+            }
+
+            return date;
+        }
+
         case 'number':
             return $input.value.valueAsNumber;
         default:
@@ -87,7 +95,10 @@ watchEffect(() => {
         const roundedValue = Math.round(value.value.getTime() / 60000) * 60000;
 
         $input.value.valueAsNumber = roundedValue - getLocalTimezoneOffset(value.value);
-        input.update(new Date(roundedValue));
+
+        if (value.value.getTime() !== roundedValue) {
+            input.update(new Date(roundedValue));
+        }
 
         return;
     }

package/src/errors/index.ts

@@ -1,4 +1,3 @@
-import { isTesting } from '@noeldemartin/utils';
 import type { App as AppInstance } from 'vue';
 
 import App from '@aerogel/core/services/App';
@@ -18,10 +17,7 @@ export type { ErrorSource, ErrorReport, ErrorReportLog };
 
 const services = { $errors: Errors };
 const frameworkHandler: ErrorHandler = (error) => {
-    if (
-        isTesting('e2e') &&
-        getErrorMessage(error).includes('ResizeObserver loop completed with undelivered notifications.')
-    ) {
+    if (getErrorMessage(error).includes('ResizeObserver loop completed with undelivered notifications.')) {
         return true;
     }
 

package/src/forms/FormController.ts

@@ -1,5 +1,5 @@
 import { computed, nextTick, reactive, readonly, ref } from 'vue';
-import { MagicObject, arrayRemove, fail, toString } from '@noeldemartin/utils';
+import { MagicObject, arrayRemove, fail } from '@noeldemartin/utils';
 import type { ComputedRef, DeepReadonly, Ref, UnwrapNestedRefs } from 'vue';
 
 import { validate, validateType } from './validation';
@@ -91,17 +91,13 @@ export default class FormController<Fields extends FormFieldDefinitions = FormFi
     }
 
     public setFieldValue<T extends keyof Fields>(field: T, value: FormData<Fields>[T]): void {
-        const definition =
-            this._fields[field] ?? fail<FormFieldDefinition>(`Trying to set undefined '${toString(field)}' field`);
+        this._data[field] = value;
 
-        this._data[field] =
-            definition.type === 'string' && (definition.trim ?? true)
-                ? (toString(value).trim() as FormData<Fields>[T])
-                : value;
-
-        if (this._submitted.value) {
-            this.validate();
+        if (!this._submitted.value) {
+            return;
         }
+
+        this.validate();
     }
 
     public getFieldValue<T extends keyof Fields>(field: T): GetFormFieldValue<Fields[T]['type']> {
@@ -149,6 +145,16 @@ export default class FormController<Fields extends FormFieldDefinitions = FormFi
     public submit(): boolean {
         this._submitted.value = true;
 
+        for (const [field, value] of Object.entries(this._data)) {
+            const definition = this._fields[field] ?? fail<FormFieldDefinition>();
+
+            if (typeof value !== 'string' || !(definition.trim ?? true)) {
+                continue;
+            }
+
+            this._data[field as keyof Fields] = value.trim() as FormData<Fields>[string];
+        }
+
         const valid = this.validate();
 
         valid && this._listeners['submit']?.forEach((listener) => listener());