update

ts_web/elements/dees-form.ts

@@ -11,7 +11,7 @@ import * as domtools from '@design.estate/dees-domtools';
 import { DeesInputCheckbox } from './dees-input-checkbox.js';
 import { DeesInputText } from './dees-input-text.js';
 import { DeesInputQuantitySelector } from './dees-input-quantityselector.js';
-import { DeesInputRadio } from './dees-input-radio.js';
+import { DeesInputRadiogroup } from './dees-input-radiogroup.js';
 import { DeesInputDropdown } from './dees-input-dropdown.js';
 import { DeesInputFileupload } from './dees-input-fileupload.js';
 import { DeesInputIban } from './dees-input-iban.js';
@@ -31,7 +31,7 @@ const FORM_INPUT_TYPES = [
   DeesInputMultitoggle,
   DeesInputPhone,
   DeesInputQuantitySelector,
-  DeesInputRadio,
+  DeesInputRadiogroup,
   DeesInputText,
   DeesInputTypelist,
   DeesTable,
@@ -45,7 +45,7 @@ export type TFormInputElement =
   | DeesInputMultitoggle
   | DeesInputPhone
   | DeesInputQuantitySelector
-  | DeesInputRadio
+  | DeesInputRadiogroup
   | DeesInputText
   | DeesInputTypelist
   | DeesTable<any>;
@@ -132,7 +132,6 @@ export class DeesForm extends DeesElement {
   public async collectFormData() {
     const children = this.getFormElements();
     const valueObject: { [key: string]: string | number | boolean | any[] | File[] | { option: string; key: string; payload?: any } } = {};
-    const radioGroups = new Map<string, DeesInputRadio[]>();
     
     for (const child of children) {
       if (!child.key) {
@@ -140,21 +139,7 @@ export class DeesForm extends DeesElement {
         continue;
       }
       
-      // Handle radio buttons specially
-      if (child instanceof DeesInputRadio && child.name) {
-        if (!radioGroups.has(child.name)) {
-          radioGroups.set(child.name, []);
-        }
-        radioGroups.get(child.name).push(child);
-      } else {
-        valueObject[child.key] = child.value;
-      }
-    }
-    
-    // Process radio groups - use the name as key and selected radio's key as value
-    for (const [groupName, radios] of radioGroups) {
-      const selectedRadio = radios.find(radio => radio.value === true);
-      valueObject[groupName] = selectedRadio ? selectedRadio.key : null;
+      valueObject[child.key] = child.value;
     }
     
     return valueObject;