Skip to content

Commit 3b791b1

Browse files
Acker AppleAcker Apple
authored andcommitted
x
1 parent 703e2fc commit 3b791b1

6 files changed

Lines changed: 6 additions & 7 deletions

File tree

example/src/app.pug

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ table.container(
3333
tr
3434
td(style="height:100%;text-align:left")
3535
fx-tracker(
36-
#fx = "FxTracker"
36+
#fx=""
3737
"[(orderArray)]" = "routes"
3838
"[activatedRoute]" = "ActivatedRoute"
3939
)

example/src/app.template.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
export const string = "<table class=\"container\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\" style=\"width:100%;height:100%;max-width:900px;background-color:white;\" align=\"center\"><tr><td><div style=\"padding:1em;text-align:left\"><h1>ack-angular-fx {{ version }}</h1><p>Angular animations made super easy</p><div style=\"text-align:center\"><ng-container *ngFor=\"let item of routes\"><div style=\"display:inline-block;padding:.4em;\"><a [routerLink]=\"'/'+item\" [ngStyle]=\"fx.value==item ? {color:'#88aaff','font-weight':'900'} : {color:'#999'}\">{{ item }}</a></div></ng-container><div style=\"display:inline-block;padding:.4em;\"><select-fx [(model)]=\"FxSession.fxForward\"></select-fx></div></div><div style=\"border-bottom:1px dotted #CCCCCC;\"></div></div></td></tr><tr><td style=\"height:100%;text-align:left\"><fx-tracker #fx=\"FxTracker\" [(orderArray)]=\"routes\" [activatedRoute]=\"ActivatedRoute\"></fx-tracker><div style=\"height:100%;width:100%;\" [ngStyle]=\"inFx &amp;&amp; {position:'relative',overflow:'hidden'}\"><div style=\"padding:1em;height:100%;\" [@absoluteKids]=\"{value:fx.id, params:{time:fxTime, position:'absolute'}}\" (@absoluteKids.start)=\"inFx=true\" (@absoluteKids.done)=\"inFx=false\" [@fadeInOutKids]=\"{value:FxSession.fxForward=='fadeInOut' ? fx.id : 'nofx', params:{time:fxTime}}\" [@fadeInOutDownKids]=\"{value:FxSession.fxForward=='fadeInOutDown' ? fx.id : 'nofx', params:{time:fxTime}}\" [@fadeInOutLeftKids]=\"{value:FxSession.fxForward=='fadeInOutLeft' ? fx.id : 'nofx', params:{time:fxTime}}\" [@fadeInOutRightKids]=\"{value:FxSession.fxForward=='fadeInOutRight' ? fx.id : 'nofx', params:{time:fxTime}}\" [@fadeInOutUpKids]=\"{value:FxSession.fxForward=='fadeInOutUp' ? fx.id : 'nofx', params:{time:fxTime}}\" [@bounceInOutKids]=\"{value:FxSession.fxForward=='bounceInOut' ? fx.id : 'nofx', params:{time:fxTime}}\" [@bounceInOutLeftKids]=\"{value:FxSession.fxForward=='bounceInOutLeft' ? fx.id : 'nofx', params:{time:fxTime}}\" [@bounceInOutRightKids]=\"{value:FxSession.fxForward=='bounceInOutRight' ? fx.id : 'nofx', params:{time:fxTime}}\" [@bounceInOutUpKids]=\"{value:FxSession.fxForward=='bounceInOutUp' ? fx.id : 'nofx', params:{time:fxTime}}\" [@rotateInOutKids]=\"{value:FxSession.fxForward=='rotateInOut' ? fx.id : 'nofx', params:{time:fxTime}}\" [@rotateInOutDownLeftKids]=\"{value:FxSession.fxForward=='rotateInOutDownLeft' ? fx.id : 'nofx', params:{time:fxTime}}\" [@rotateInOutDownRightKids]=\"{value:FxSession.fxForward=='rotateInOutDownRight' ? fx.id : 'nofx', params:{time:fxTime}}\" [@rotateInOutUpLeftKids]=\"{value:FxSession.fxForward=='rotateInOutUpLeft' ? fx.id : 'nofx', params:{time:fxTime}}\" [@rotateInOutUpRightKids]=\"{value:FxSession.fxForward=='rotateInOutUpRight' ? fx.id : 'nofx', params:{time:fxTime}}\" [@slideInOutUpKids]=\"{value:FxSession.fxForward=='slideInOutUp' ? fx.id : 'nofx', params:{time:fxTime}}\" [@slideInOutDownKids]=\"{value:FxSession.fxForward=='slideInOutDown' ? fx.id : 'nofx', params:{time:fxTime}}\" [@slideInOutLeftKids]=\"{value:FxSession.fxForward=='slideInOutLeft' ? fx.id : 'nofx', params:{time:fxTime}}\" [@slideInOutRightKids]=\"{value:FxSession.fxForward=='slideInOutRight' ? fx.id : 'nofx', params:{time:fxTime}}\" [@zoomInOutKids]=\"{value:FxSession.fxForward=='zoomInOut' ? fx.id : 'nofx', params:{time:fxTime}}\" [@zoomInOutDownKids]=\"{value:FxSession.fxForward=='zoomInOutDown' ? fx.id : 'nofx', params:{time:fxTime}}\" [@zoomInOutLeftKids]=\"{value:FxSession.fxForward=='zoomInOutLeft' ? fx.id : 'nofx', params:{time:fxTime}}\" [@zoomInOutRightKids]=\"{value:FxSession.fxForward=='zoomInOutRight' ? fx.id : 'nofx', params:{time:fxTime}}\" [@zoomInOutUpKids]=\"{value:FxSession.fxForward=='zoomInOutUp' ? fx.id : 'nofx', params:{time:fxTime}}\"><router-outlet #routerOutlet=\"outlet\"></router-outlet></div></div></td></tr></table>"
1+
export const string = "<table class=\"container\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\" style=\"width:100%;height:100%;max-width:900px;background-color:white;\" align=\"center\"><tr><td><div style=\"padding:1em;text-align:left\"><h1>ack-angular-fx {{ version }}</h1><p>Angular animations made super easy</p><div style=\"text-align:center\"><ng-container *ngFor=\"let item of routes\"><div style=\"display:inline-block;padding:.4em;\"><a [routerLink]=\"'/'+item\" [ngStyle]=\"fx.value==item ? {color:'#88aaff','font-weight':'900'} : {color:'#999'}\">{{ item }}</a></div></ng-container><div style=\"display:inline-block;padding:.4em;\"><select-fx [(model)]=\"FxSession.fxForward\"></select-fx></div></div><div style=\"border-bottom:1px dotted #CCCCCC;\"></div></div></td></tr><tr><td style=\"height:100%;text-align:left\"><fx-tracker #fx=\"\" [(orderArray)]=\"routes\" [activatedRoute]=\"ActivatedRoute\"></fx-tracker><div style=\"height:100%;width:100%;\" [ngStyle]=\"inFx &amp;&amp; {position:'relative',overflow:'hidden'}\"><div style=\"padding:1em;height:100%;\" [@absoluteKids]=\"{value:fx.id, params:{time:fxTime, position:'absolute'}}\" (@absoluteKids.start)=\"inFx=true\" (@absoluteKids.done)=\"inFx=false\" [@fadeInOutKids]=\"{value:FxSession.fxForward=='fadeInOut' ? fx.id : 'nofx', params:{time:fxTime}}\" [@fadeInOutDownKids]=\"{value:FxSession.fxForward=='fadeInOutDown' ? fx.id : 'nofx', params:{time:fxTime}}\" [@fadeInOutLeftKids]=\"{value:FxSession.fxForward=='fadeInOutLeft' ? fx.id : 'nofx', params:{time:fxTime}}\" [@fadeInOutRightKids]=\"{value:FxSession.fxForward=='fadeInOutRight' ? fx.id : 'nofx', params:{time:fxTime}}\" [@fadeInOutUpKids]=\"{value:FxSession.fxForward=='fadeInOutUp' ? fx.id : 'nofx', params:{time:fxTime}}\" [@bounceInOutKids]=\"{value:FxSession.fxForward=='bounceInOut' ? fx.id : 'nofx', params:{time:fxTime}}\" [@bounceInOutLeftKids]=\"{value:FxSession.fxForward=='bounceInOutLeft' ? fx.id : 'nofx', params:{time:fxTime}}\" [@bounceInOutRightKids]=\"{value:FxSession.fxForward=='bounceInOutRight' ? fx.id : 'nofx', params:{time:fxTime}}\" [@bounceInOutUpKids]=\"{value:FxSession.fxForward=='bounceInOutUp' ? fx.id : 'nofx', params:{time:fxTime}}\" [@rotateInOutKids]=\"{value:FxSession.fxForward=='rotateInOut' ? fx.id : 'nofx', params:{time:fxTime}}\" [@rotateInOutDownLeftKids]=\"{value:FxSession.fxForward=='rotateInOutDownLeft' ? fx.id : 'nofx', params:{time:fxTime}}\" [@rotateInOutDownRightKids]=\"{value:FxSession.fxForward=='rotateInOutDownRight' ? fx.id : 'nofx', params:{time:fxTime}}\" [@rotateInOutUpLeftKids]=\"{value:FxSession.fxForward=='rotateInOutUpLeft' ? fx.id : 'nofx', params:{time:fxTime}}\" [@rotateInOutUpRightKids]=\"{value:FxSession.fxForward=='rotateInOutUpRight' ? fx.id : 'nofx', params:{time:fxTime}}\" [@slideInOutUpKids]=\"{value:FxSession.fxForward=='slideInOutUp' ? fx.id : 'nofx', params:{time:fxTime}}\" [@slideInOutDownKids]=\"{value:FxSession.fxForward=='slideInOutDown' ? fx.id : 'nofx', params:{time:fxTime}}\" [@slideInOutLeftKids]=\"{value:FxSession.fxForward=='slideInOutLeft' ? fx.id : 'nofx', params:{time:fxTime}}\" [@slideInOutRightKids]=\"{value:FxSession.fxForward=='slideInOutRight' ? fx.id : 'nofx', params:{time:fxTime}}\" [@zoomInOutKids]=\"{value:FxSession.fxForward=='zoomInOut' ? fx.id : 'nofx', params:{time:fxTime}}\" [@zoomInOutDownKids]=\"{value:FxSession.fxForward=='zoomInOutDown' ? fx.id : 'nofx', params:{time:fxTime}}\" [@zoomInOutLeftKids]=\"{value:FxSession.fxForward=='zoomInOutLeft' ? fx.id : 'nofx', params:{time:fxTime}}\" [@zoomInOutRightKids]=\"{value:FxSession.fxForward=='zoomInOutRight' ? fx.id : 'nofx', params:{time:fxTime}}\" [@zoomInOutUpKids]=\"{value:FxSession.fxForward=='zoomInOutUp' ? fx.id : 'nofx', params:{time:fxTime}}\"><router-outlet #routerOutlet=\"outlet\"></router-outlet></div></div></td></tr></table>"

example/src/overview.template.ts

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

example/www/main-es2015.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

example/www/main-es5.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/components/FxTracker.directive.ts

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,7 @@ import {
55
import { ActivatedRoute } from "@angular/router"
66

77
@Directive({
8-
selector:"fx-tracker",
9-
exportAs:"FxTracker"
8+
selector:"fx-tracker"
109
}) export class FxTracker{
1110
@Input() value:any//do not mix with ActivatedRoute
1211
@Input() activatedRoute:ActivatedRoute

0 commit comments

Comments
 (0)