The Service Designer view displays an error for a specific API source format

Description

The Service Designer view may or may not display an error, depending on the format of the API source XML.

If I add the following API to the VSCode extension:

<?xml version="1.0" encoding="UTF-8"?>
<api xmlns="http://ws.apache.org/ns/synapse" context="/samples/artifacts" name="sampleArtifacts_v1_sample_api" version="v1" version-type="url">
	<resource methods="GET" uri-template="/xslt" inSequence="sampleArtifacts_v1_xslt_inSeq" faultSequence="sampleArtifacts_v1_generic_faultSeq"/>
	<resource methods="POST" uri-template="/connector" inSequence="sampleArtifacts_v1_connector_inSeq" faultSequence="sampleArtifacts_v1_generic_faultSeq"/>
	<resource methods="GET" uri-template="/secret" inSequence="sampleArtifacts_v1_secret_inSeq" faultSequence="sampleArtifacts_v1_generic_faultSeq"/>
	<resource methods="POST" uri-template="/ms-mp" inSequence="sampleArtifacts_v1_msMp_inSeq" faultSequence="sampleArtifacts_v1_generic_faultSeq"/>
</api>

I get the following error in the Service Designer view:

I decided to create it from scratch using the VSCode Extension, it works:

The difference is in how the resources are defined in the XML. This works <resource ...></resource> but fails <resource .../>. Why does the latter fail? Both are equivalent XML and work fine when deployed in the Micro Integrator.

Could this issue be fixed so that it accepts both formats?

Steps to Reproduce

Just try adding an API that has at least one resource with the format <resource .../>.

Version

2.4.1

Environment Details (with versions)

No response