From 29298f4f3d16486ea3e760e684e041161c16de8d Mon Sep 17 00:00:00 2001
From: Amadou Sall <ahasall.dev@gmail.com>
Date: Sat, 23 May 2020 21:28:59 +0200
Subject: [PATCH] docs: fix the code sample displayed in the "reusable
 animations" guide (#37262)

Currently the code sample displayed in this guide is not a valid.
The `trigger` is directly used in the `@Component` decorator.
It should instead be in the `animations` array of the `@Component` decorator.

PR Close #37262
---
 .../src/app/open-close.component.3.ts         | 22 ++-----------------
 1 file changed, 2 insertions(+), 20 deletions(-)

diff --git a/aio/content/examples/animations/src/app/open-close.component.3.ts b/aio/content/examples/animations/src/app/open-close.component.3.ts
index 64ca362f36..dba69614e5 100644
--- a/aio/content/examples/animations/src/app/open-close.component.3.ts
+++ b/aio/content/examples/animations/src/app/open-close.component.3.ts
@@ -1,29 +1,12 @@
 // #docplaster
 // #docregion reusable
 import { Component } from '@angular/core';
-import { useAnimation, transition, trigger, style, animate } from '@angular/animations';
+import { transition, trigger, useAnimation } from '@angular/animations';
 import { transAnimation } from './animations';
 
 @Component({
-// #enddocregion reusable
   selector: 'app-open-close-reusable',
-// #docregion runtime
   animations: [
-    transition('open => closed', [
-      style({
-        height: '200 px',
-        opacity: '{{ opacity }}',
-        backgroundcolor: 'yelow'
-      }),
-      animate('{{ time }}'),
-    ], {
-        params: {
-          time: '1s',
-          opacity: '1'
-        }
-      }),
-// #enddocregion runtime
-// #docregion reusable
     trigger('openClose', [
       transition('open => closed', [
         useAnimation(transAnimation, {
@@ -36,10 +19,9 @@ import { transAnimation } from './animations';
         })
       ])
     ])
-// #enddocregion reusable
+  ],
   templateUrl: 'open-close.component.html',
   styleUrls: ['open-close.component.css']
-// #docregion reusable
 })
 // #enddocregion reusable
 export class OpenCloseReusableComponent { }