material design user manager with create profile flow

chrome/browser/resources/md_user_manager/user_manager_pages.js

+/* 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,
+    }
+  },
+

[Dan Beam, 2016/02/12 23:42:24]

nit:

listeners: {
  'change-page': 'changePage_',
},

changePage_: function(e) {
  this.selectedPage = e.detail.page,
},

[Moe, 2016/02/20 00:21:00]

I struggled a lot with this syntax originally. it didn't worked. am I missing
something? Could it be that the event is not coming from the local DOM of the
element?

+  /** @override */
+  attached: function() {
+    this.addEventListener('change-page', function(e) {
+      this.selectedPage = e.detail.page;
+    }.bind(this));
+  }
+});