fix(menu/ImportIEDs) correct instantiated IED name to avoid illegal characters (openscd#1143)

* Replace illegal characters in IED template instantiation, closes openscd#1142

Author: danyill

src/menu/ImportIEDs.ts

@@ -30,7 +30,7 @@ import {
 
 function uniqueTemplateIedName(doc: XMLDocument, ied: Element): string {
   const [manufacturer, type] = ['manufacturer', 'type'].map(attr =>
-    ied.getAttribute(attr)
+    ied.getAttribute(attr)?.replace(/[^A-Za-z0-9_]/g, '')
   );
   const nameCore =
     manufacturer || type

test/integration/editors/triggered/ImportIedsPlugin.test.ts

@@ -78,6 +78,30 @@ describe('ImportIedsPlugin', () => {
         .exist;
     });
 
+    it('renames TEMPLATE IED element if manufacturer/type has illegal characters', async () => {
+      importDoc = await fetch('/test/testfiles/importieds/template.icd')
+        .then(response => response.text())
+        .then(str => new DOMParser().parseFromString(str, 'application/xml'));
+
+      const ied = importDoc.querySelector('IED')!;
+      ied.setAttribute('manufacturer', 'Fancy-Vendy');
+      ied.setAttribute('type', 'Z#Mega$Y');
+
+      element.importDoc = importDoc;
+      await element.updateComplete;
+
+      element.prepareImport();
+      await parent.updateComplete;
+
+      console.log(
+        element.doc?.querySelector(':root > IED')?.getAttribute('name')
+      );
+
+      expect(
+        element.doc?.querySelector(':root > IED[name="FancyVendy_ZMegaY_001"]')
+      ).to.exist;
+    });
+
     it('allows multiple import of TEMPLATE IEDs', async () => {
       const templateIED1 = await fetch(
         '/test/testfiles/importieds/template.icd'