Use md-select instead of paper-dropdown-menu-light in internet page

chrome/browser/resources/settings/internet_page/network_proxy.js

 // Copyright 2015 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 Polymer element for displaying and editing network proxy
  * values.
  */
 Polymer({
   is: 'network-proxy',
@@ skipping 19 matching lines @@
 
     /**
      * UI visible / edited proxy configuration.
      * @type {!CrOnc.ProxySettings}
      */
     proxy: {
       type: Object,
       value: function() {
         return this.createDefaultProxySettings_();
       },
+      observer: 'proxyChanged_',
     },
 
     /** The Web Proxy Auto Discovery URL extracted from networkProperties. */
     WPAD: {
       type: String,
       value: '',
     },
 
     /**
      * Whether or not to use the same manual proxy for all protocols.
@@ skipping 45 matching lines @@
    */
   savedManual_: undefined,
 
   /**
    * Saved ExcludeDomains properties so that switching to a non-Manual type does
    * not loose any set exclusions while the UI is open.
    * @private {!Array<string>|undefined}
    */
   savedExcludeDomains_: undefined,
 
-  /**
-   * Polymer networkProperties changed method.
-   */
+  /** @private */
   networkPropertiesChanged_: function() {
     if (!this.networkProperties)
       return;
 
     /** @type {!CrOnc.ProxySettings} */
     var proxy = this.createDefaultProxySettings_();
     /** @type {!chrome.networkingPrivate.ManagedProxySettings|undefined} */
     var proxySettings = this.networkProperties.ProxySettings;
     if (proxySettings) {
       proxy.Type = /** @type {!CrOnc.ProxySettingsType} */ (
@@ skipping 22 matching lines @@
     proxy.Manual = proxy.Manual || this.savedManual_;
 
     this.proxy = proxy;
 
     // Set the Web Proxy Auto Discovery URL.
     var ipv4 =
         CrOnc.getIPConfigForType(this.networkProperties, CrOnc.IPType.IPV4);
     this.WPAD = (ipv4 && ipv4.WebProxyAutoDiscoveryUrl) || '';
   },
 
+  /** @private */
+  proxyChanged_: function() {
+    this.$.proxyType.value = this.proxy.Type;

[dpapad, 2016/10/17 22:57:05]

Same question here. Can we use a 1-way binding to |value| instead of having this
observer?

[stevenjb, 2016/10/17 23:58:01]

Acknowledged.

+  },
+
+  /** @private */
+  useSameProxyChanged_: function() {
+    this.sendProxyChange_();
+  },
+
   /**
    * @return {CrOnc.ProxySettings} An empty/default proxy settings object.
+   * @private
    */
   createDefaultProxySettings_: function() {
     return {
       Type: CrOnc.ProxySettingsType.DIRECT,
       ExcludeDomains: [],
       Manual: {
         HTTPProxy: {Host: '', Port: 80},
         SecureHTTPProxy: {Host: '', Port: 80},
         FTPProxy: {Host: '', Port: 80},
         SOCKS: {Host: '', Port: 1080}
       },
       PAC: ''
     };
   },
 
   /**
-   * Polymer useSameProxy changed method.
-   */
-  useSameProxyChanged_: function() {
-    this.sendProxyChange_();
-  },
-
-  /**
    * Called when the proxy changes in the UI.
+   * @private
    */
   sendProxyChange_: function() {
     if (this.proxy.Type == CrOnc.ProxySettingsType.MANUAL) {
       var proxy =
           /** @type {!CrOnc.ProxySettings} */ (Object.assign({}, this.proxy));
       var defaultProxy = proxy.Manual.HTTPProxy;
       if (!defaultProxy || !defaultProxy.Host)
         return;
       if (this.useSameProxy_ || !proxy.Manual.SecureHTTPProxy) {
         proxy.Manual.SecureHTTPProxy = /** @type {!CrOnc.ProxyLocation} */ (
@@ skipping 12 matching lines @@
       this.proxy = proxy;
     } else if (this.proxy.Type == CrOnc.ProxySettingsType.PAC) {
       if (!this.proxy.PAC)
         return;
     }
     this.fire('proxy-change', {field: 'ProxySettings', value: this.proxy});
   },
 
   /**
    * Event triggered when the selected proxy type changes.
-   * @param {!{detail: !{selected: string}}} e
+   * @param {!{target: !{value: string}}} e
    * @private
    */
   onTypeChange_: function(e) {
     var type = /** @type {chrome.networkingPrivate.ProxySettingsType} */ (
-        e.detail.selected);
+        e.target.value);
     this.set('proxy.Type', type);
     this.sendProxyChange_();
   },
 
   /**
    * Event triggered when a proxy value changes.
    * @param {Event} event The proxy value change event.
    * @private
    */
   onProxyInputChange_: function(event) {
@@ skipping 58 matching lines @@
   /**
    * @param {string} property The property to test
    * @param {string} value The value to test against
    * @return {boolean} True if property == value
    * @private
    */
   matches_: function(property, value) {
     return property == value;
   }
 });