MD Settings: Allow controlled-button to be used with icons.

chrome/browser/resources/settings/controls/controlled_button.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.
 
 Polymer({
   is: 'controlled-button',
 
   behaviors: [
     CrPolicyIndicatorBehavior,
     CrPolicyPrefBehavior,
     PrefControlBehavior,
   ],
 
   properties: {
     endJustified: {
       type: Boolean,
       value: false,
       reflectToAttribute: true,
     },
 
+    /**
+     * This attribute takes in a class-name to form an icon button instead of
+     * a paper-button. Note that if this attribute is present, the light dom
+     * content will be ignored.
+     */
+    iconClass: {
+      type: String,
+      value: null,
+      reflectToAttribute: true,
+    },
+
     /** @private */
-    controlled_: {
+    controlled: {
       type: Boolean,
       computed: 'computeControlled_(pref.*)',
       reflectToAttribute: true,
+      notify: true
     },
   },
 
   /**
    * @return {boolean} Whether the button is disabled.
    * @private
    */
   computeControlled_: function() {
     return this.pref.enforcement == chrome.settingsPrivate.Enforcement.ENFORCED;
   },
@@ skipping 13 matching lines @@
    * @return {boolean} Whether to show a controlled by indicator.
    * @private
    */
   showIndicator_: function(pref) {
     if (!pref.controlledBy || !pref.enforcement)
       return false;
     var indicator = this.getIndicatorType(pref.controlledBy, pref.enforcement);
     return this.isIndicatorVisible(indicator);
   },
 });