material design user manager with create profile flow

chrome/browser/resources/md_user_manager/user_manager_pages.js

Index: chrome/browser/resources/md_user_manager/user_manager_pages.js
diff --git a/chrome/browser/resources/md_user_manager/user_manager_pages.js b/chrome/browser/resources/md_user_manager/user_manager_pages.js
new file mode 100644
index 0000000000000000000000000000000000000000..f3659485344a907213d58ca4fbbaa35990620632
--- /dev/null
+++ b/chrome/browser/resources/md_user_manager/user_manager_pages.js
@@ -0,0 +1,38 @@
+// Copyright 2016 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+/**
+ * @fileoverview
+ * 'user-manager-pages' is the element that controls paging in the user manager
+ * screen.
+ *
+ * Example:
+ *
+ *    <user-manager-pages selected-page="sample-page-id">
+ *      <sample-page id="sample-page-id"></sample-page>
+ *      ... other pages ...
+ *    </user-manager-pages>
+ *
+ * @element user-manager-pages
+ */
+Polymer({
+  is: 'user-manager-pages',
+
+  properties: {
+    /**
+     * id of the currently selected page.
+     * @type {boolean}
+     */
+    selectedPage: {
+      type: String,
+    }
+  },
+
+  /** @override */
+  attached: function() {
+    this.addEventListener('change-page', function(e) {
+      this.selectedPage = e.detail.page;
+    }.bind(this));
+  }
+});