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

Author: daniel-sc

xmlParser.spec.ts

@@ -111,8 +111,8 @@ 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>
@@ -126,12 +126,12 @@ describe('XmlParser', () => {
         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);