fix groups

Author: jogibear9988

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@node-projects/svghmi.webcomponent",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "a svghmi webcomponent.",
   "type": "module",
   "main": "./dist/index.js",

package.json

@@ -11,7 +11,7 @@ export default class SvgHmiPropertiesService extends AbstractPolymerLikeProperti
   }
 
   public override async getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]> {
-    return [{
+    const properties: IProperty[] = [{
       name: 'src',
       type: 'string',
       service: this,
@@ -26,5 +26,30 @@ export default class SvgHmiPropertiesService extends AbstractPolymerLikeProperti
       group: x[1].group,
       description: x[1].description
     }))];
+
+    if (!properties.some(x => x.group))
+      return properties;
+
+    const ungroupedProperties = properties.filter(x => !x.group);
+    const groupedProperties = new Map<string, IProperty[]>();
+
+    for (const property of properties) {
+      if (!property.group)
+        continue;
+
+      let group = groupedProperties.get(property.group);
+      if (group == null) {
+        group = [];
+        groupedProperties.set(property.group, group);
+      }
+      group.push(property);
+    }
+
+    const groups: IPropertyGroup[] = [...groupedProperties].map(([name, grouped]) => ({
+      name,
+      properties: grouped
+    }));
+
+    return [...ungroupedProperties, ...groups] as IProperty[];
   }
 }