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');
}
})