Upgrade to 1.0 and switch clients to dom-repeat where needed.

third_party/polymer/v0_8/components/iron-pages/iron-pages.html

 <!--
 @license
 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 Code distributed by Google as part of the polymer project is also
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 -->
 
+<link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html">
+<link rel="import" href="../iron-selector/iron-selectable.html">
+
 <!--
 `iron-pages` is used to select one of its children to show. One use is to cycle through a list of
 children "pages".
 
 Example:
 
     <iron-pages selected="0">
       <div>One</div>
       <div>Two</div>
       <div>Three</div>
     </iron-pages>
 
     <script>
       document.addEventListener('click', function(e) {
         var pages = document.querySelector('iron-pages');
         pages.selectNext();
       });
     </script>
 
-@group Polymer Iron Elements
+@group Iron Elements
 @class iron-pages
+@hero hero.svg
+@demo demo/index.html
 @extends iron-selector
 -->
 
-<link rel="import" href="../polymer/polymer.html">
-<link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html">
-<link rel="import" href="../iron-selector/iron-selectable.html">
-
 <dom-module id="iron-pages">
 
   <style>
 
     :host {
       display: block;
     }
 
     :host > ::content > :not(.iron-selected) {
       display: none !important;
@@ skipping 23 matching lines @@
     observers: [
       '_selectedPageChanged(selected)'
     ],
 
     _selectedPageChanged: function(selected, old) {
       this.async(this.notifyResize);
     }
   });
 
 </script>