Refactors profile avatar selector into a Polymer element to use in md-settings & md-user-manager

ui/webui/resources/cr_elements/cr_profile_avatar_selector/cr_profile_avatar_selector.js

Index: ui/webui/resources/cr_elements/cr_profile_avatar_selector/cr_profile_avatar_selector.js
diff --git a/ui/webui/resources/cr_elements/cr_profile_avatar_selector/cr_profile_avatar_selector.js b/ui/webui/resources/cr_elements/cr_profile_avatar_selector/cr_profile_avatar_selector.js
new file mode 100644
index 0000000000000000000000000000000000000000..cbb55e648b7e989fdca0ddf17388d0950d16bdc9
--- /dev/null
+++ b/ui/webui/resources/cr_elements/cr_profile_avatar_selector/cr_profile_avatar_selector.js
@@ -0,0 +1,35 @@
+// 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 'cr-profile-avatar-selector' is an element that displays
+ * profile avatar icons and allows an avatar to be selected.
+ */
+
+/** @typedef {{url: string, label: string}} */
+var AvatarIcon;
+
+Polymer({
+  is: 'cr-profile-avatar-selector',
+
+  properties: {
+    /**
+     * The currently selected profile avatar URL. May be a data URI.
+     * @type {string}
+     */
+    selectedAvatarUrl: {
+      type: String,
+      notify: true
+    },
+
+    /**
+     * The list of profile avatar URLs and labels.
+     * @type {!Array<!AvatarIcon>}
+     */
+    avatars: {
+      type: Array,
+      value: function() { return []; }
+    }
+  }
+});