MD Settings: Migrating site_data_details_dialog to native select.

chrome/browser/resources/settings/site_settings/site_data_details_dialog.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
  * 'site-data-details-dialog' provides a dialog to show details of site data
  * stored by a given site.
  */
 Polymer({
@@ skipping 63 matching lines @@
                                           this.site_.data_.title);
 
     this.entries_ = this.site_.getCookieList();
     if (this.entries_.length < 2) {
       // When there's only one item to show, hide the picker and change the
       // 'Remove All' button to read 'Remove' instead.
       this.$.container.hidden = true;
       this.$.clear.textContent =
           loadTimeData.getString('siteSettingsCookieRemove');
     } else {
-      this.$.picker.selected = this.entries_[0].id;
+      this.$.picker.value = this.entries_[0].id;
       this.lastSelectedIndex_ = 0;
     }
 
     this.populateItem_(this.entries_[0].id, this.site_);
   },
 
   /**
    * Recursively look up a node path for a leaf node with a given id.
    * @param {!settings.CookieTreeNode} node The node to start with.
    * @param {string} currentPath The path constructed so far.
@@ skipping 43 matching lines @@
   onTreeItemRemoved_: function(args) {
     this.entries_ = this.site_.getCookieList();
     if (this.site_.children_.length == 0 || this.entries_.length == 0) {
       this.close();
       return;
     }
 
     if (this.entries_.length <= this.lastSelectedIndex_)
       this.lastSelectedIndex_ = this.entries_.length - 1;
     var selectedId = this.entries_[this.lastSelectedIndex_].id;
-    this.$.picker.selected = selectedId;
+    this.$.picker.value = selectedId;
     this.populateItem_(selectedId, this.site_);
   },
 
   /**
    * A handler for when the user changes the dropdown box (switches cookies).
    * @private
    */
-  onItemSelected_: function(event) {
-    this.populateItem_(event.detail.selected, this.site_);
+  onItemSelected_: function() {
+    var selectedItem = this.$.picker.value;
+    this.populateItem_(selectedItem, this.site_);
 
     // Store the index of what was selected so we can re-select the next value
     // when things get deleted.
     for (var i = 0; i < this.entries_.length; ++i) {
-      if (this.entries_[i].data.id == event.detail.selected) {
+      if (this.entries_[i].data.id == selectedItem) {
         this.lastSelectedIndex_ = i;
         break;
       }
     }
   },
 
   getEntryDescription: function(item) {
     // Frequently there are multiple cookies per site. To avoid showing a list
     // of '1 cookie', '1 cookie', ... etc, it is better to show the title of the
     // cookie to differentiate them.
     if (item.data.type == 'cookie')
       return item.title;
 
     return getCookieDataCategoryText(item.data.type, item.data.totalUsage);
   },
 
   /**
    * A handler for when the user opts to remove a single cookie.
    * @private
    */
   onRemove_: function(event) {
     this.browserProxy.removeCookie(this.nodePath_(
-        this.site_, this.site_.data_.id, this.$.picker.selected));
+        this.site_, this.site_.data_.id, this.$.picker.value));
   },
 
   /**
    * A handler for when the user opts to remove all cookies.
    * @private
    */
   onRemoveAll_: function(event) {
     cr.removeWebUIListener(this.listener_);
     this.browserProxy.removeCookie(this.site_.data_.id);
     this.close();
   },
 
   /** @private */
   onCancelTap_: function() {
     this.$.dialog.cancel();
   },
 });