update

public/js/actions.js

@@ -608,12 +608,12 @@ const actions = {
         moduleSettingsSidebar.innerHTML = template
 
         settings.slug = decodeURIComponent(location.pathname)
-        setFormValue(moduleSettingsSidebar, settings)
         delete moduleSettingsSidebar.querySelector('[data-form]').dataset.load
         document.querySelector('[data-sidebar]').dataset.active = 'module-settings'
         setTimeout(() => {
             // (moduleSettingsSidebar)
             hydrate(moduleSettingsSidebar)
+            setFormValue(moduleSettingsSidebar, settings)
         })
     },
     'toggle-sidebar'() {

public/js/form.js

@@ -1,4 +1,5 @@
 import { request } from "./request.js";
+import {setFormValue, getFormValue} from './helpers.js'
 
 export function Form(el) {
     if(el.dataset.load) {
@@ -25,6 +26,7 @@ export function Form(el) {
 }
 
 export function FormInput(el) {
+    console.log('FormInput')
     el.setValue = (val) => el.value = val
     el.getValue = () => el.value
 }

public/js/helpers.js

@@ -66,7 +66,7 @@ export function getParentModule(el) {
 }
 
 
-function setNestedValue(obj, key, value) {
+export function setNestedValue(obj, key, value) {
     if (key.indexOf('.') > -1) {
         const parts = key.split('.');
         const firstPart = parts.shift();
@@ -104,6 +104,7 @@ export function setFormValue(form, value) {
         const name = input.getAttribute('name')
         const val = name.split('.').reduce((p, c) => p?.[c], value)
 
+        console.log(input)
         if(val || val == '' || val == 0 || val == []) {
             input.setValue(val)
         }

public/js/login.js

@@ -1,4 +1,4 @@
-import { setFormValue } from "/js/form.js";
+import { setFormValue } from "/js/helpers.js";
 
 document.querySelector('[data-form]').action = '/api/login'
 document.querySelector('[data-form]').method = 'POST'