feat: enhance angular template parsing to support additional animation attributes - fixes #2

Author: daniel-sc

xmlParser.spec.ts

@@ -111,27 +111,39 @@ describe('XmlParser', () => {
     });
     it('should parse angular template', () => {
       const fragment = `<div someDirective #someRef></div>
-  <app-radio-group [formControl]="control">
-    <app-radio-button *ngFor="let item of dialogData.items" [value]="item">
+  <app-radio-group [formControl]="control" [@myAnimation]="state">
+    <app-radio-button *ngFor="let item of dialogData.items" [value]="item" [@myAnimationWithoutState]>
       {{ displayLabel(item) }}
     </app-radio-button>
   </app-radio-group>
   <button type="button" (click)="confirmChoice()" i18n="@@APPLY_BUTTON">OK</button>
 `;
       const nodes = XmlParser.parseFragment(fragment);
 
-      expect(nodes.map(n => n.toString()).join('')).toEqual(fragment);
+      expect(nodes.map((n) => n.toString()).join('')).toEqual(fragment);
       expect(nodes).toEqual([
-        new XmlElement('div', [new XmlAttribute('someDirective', '', ' ', '', '', '"', false), new XmlAttribute('#someRef', '', ' ', '', '', '"', false)], [], ''),
+        new XmlElement(
+          'div',
+          [
+            new XmlAttribute('someDirective', '', ' ', '', '', '"', false),
+            new XmlAttribute('#someRef', '', ' ', '', '', '"', false),
+          ],
+          [],
+          '',
+        ),
         new XmlText('\n  '),
         new XmlElement(
           'app-radio-group',
-          [new XmlAttribute('[formControl]', 'control')],
+          [new XmlAttribute('[formControl]', 'control'), new XmlAttribute('[@myAnimation]', 'state')],
           [
             new XmlText('\n    '),
             new XmlElement(
               'app-radio-button',
-              [new XmlAttribute('*ngFor', 'let item of dialogData.items'), new XmlAttribute('[value]', 'item')],
+              [
+                new XmlAttribute('*ngFor', 'let item of dialogData.items'),
+                new XmlAttribute('[value]', 'item'),
+                new XmlAttribute('[@myAnimationWithoutState]', '', ' ', '', '', '"', false),
+              ],
               [new XmlText('\n      {{ displayLabel(item) }}\n    ')],
               '',
               false,

xmlParser.ts

@@ -231,7 +231,7 @@ export class XmlParser {
   // Reads a name (letters, digits, underscore, hyphen, colon, period).
   readName(): string {
     const start = this.pos;
-    while (this.pos < this.input.length && /[A-Za-z0-9_\-.:\[\]*()#]/.test(this.input[this.pos])) {
+    while (this.pos < this.input.length && /[A-Za-z0-9_\-.:\[\]*()#@]/.test(this.input[this.pos])) {
       this.pos++;
     }
     return this.input.substring(start, this.pos);