Class MyAnimationApp

packages/platform-server/test/integration_spec.ts:371–399

function createMyAnimationApp(standalone: boolean) {
  @Component({
    standalone,
    selector: 'app',
    template: ` <div [@myAnimation]="state">
      <svg *ngIf="true"></svg>
      {{ text }}
    </div>`,
    animations: [
      trigger('myAnimation', [
        state('void', style({'opacity': '0'})),
        state(
          'active',
          style({
            'opacity': '1', // simple supported property
            'font-weight': 'bold', // property with dashed name
            'transform': 'translate3d(0, 0, 0)', // not natively supported by Domino
          }),
        ),
        transition('void => *', [animate('0ms')]),
      ]),
    ],
  })
  class MyAnimationApp {
    state = 'active';

    constructor(private builder: AnimationBuilder) {}

    text = 'Works!';
  }

  return MyAnimationApp;
}