Skip to content
This repository was archived by the owner on Jun 11, 2021. It is now read-only.

Commit

Permalink
add AnimationEntryMetadata
Browse files Browse the repository at this point in the history
  • Loading branch information
bergben committed Feb 10, 2017
1 parent 759369f commit 0a740a1
Show file tree
Hide file tree
Showing 4 changed files with 8 additions and 9 deletions.
6 changes: 3 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -87,13 +87,13 @@ export class MyComponent {

```TypeScript
//custom-transition.animation.ts
import {trigger, state, animate, style, transition} from '@angular/core';
import {trigger, state, animate, style, transition, AnimationEntryMetadata} from '@angular/core';

export function customTransition() {
export function customTransition():AnimationEntryMetadata {
return slideOutAndIn();
}

function slideOutAndIn() {
function slideOutAndIn():AnimationEntryMetadata {
return trigger('ng2ElementState', [
state('leave', style({
position:'fixed',
Expand Down
1 change: 0 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,6 @@
"typings": "ng2-page-transition.d.ts",
"scripts": {
"lint": "tslint src/**/*.ts && tslint *.ts",
"prepublish": "tsc",
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": {
Expand Down
6 changes: 3 additions & 3 deletions src/default-transition.animation.ts
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import {trigger, state, animate, style, transition} from '@angular/core';
import {trigger, state, animate, style, transition, AnimationEntryMetadata} from '@angular/core';

export function defaultTransition() {
export function defaultPageTransition(): AnimationEntryMetadata {
return fadeOutAndIn();
}

function fadeOutAndIn() {
function fadeOutAndIn(): AnimationEntryMetadata {
return trigger('ng2ElementState', [
state('leave', style({
opacity: 0.3,
Expand Down
4 changes: 2 additions & 2 deletions src/ng2-page-transition.component.ts
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
import { Component, animate, trigger, state, transition, style, Input } from '@angular/core';
import { Router, NavigationStart, NavigationEnd } from '@angular/router';
import { defaultTransition } from './default-transition.animation';
import { defaultPageTransition } from './default-transition.animation';

@Component({
selector: 'ng2-page-transition',
template: '<div [@ng2ElementState]="animation.custom || animation.state"><ng-content></ng-content></div>',
animations: [defaultTransition()],
animations: [defaultPageTransition()],
})

export class Ng2PageTransition{
Expand Down

0 comments on commit 0a740a1

Please sign in to comment.