diff --git a/polymer-ui-animated-pages/index.html b/polymer-ui-animated-pages/index.html index 10da234..dd66a4a 100644 --- a/polymer-ui-animated-pages/index.html +++ b/polymer-ui-animated-pages/index.html @@ -126,7 +126,7 @@ - +
One
Two
Three
@@ -230,6 +230,9 @@ if (this.page > 4) { this.page = this.directional ? this.page - 1 : 0; } + }, + animationEndAction: function() { + console.log('animationEnd'); } }); diff --git a/polymer-ui-animated-pages/polymer-ui-animated-pages.html b/polymer-ui-animated-pages/polymer-ui-animated-pages.html index e1c28a4..34da516 100644 --- a/polymer-ui-animated-pages/polymer-ui-animated-pages.html +++ b/polymer-ui-animated-pages/polymer-ui-animated-pages.html @@ -16,6 +16,11 @@ * @extends polymer-selector */ --> + @@ -112,6 +117,7 @@ fill: 'none', direction: direction }); + animation.onend = this.animationEndAction.bind(this); return animation; }, selectedItemChanged: function(oldItem) { @@ -120,6 +126,9 @@ if (this.hasTransition()) { this.applyTransition(); } + }, + animationEndAction: function() { + this.fire('polymer-pages-animation-end'); } })