Replace paper-checkbox with a paper-icon-button-light

chrome/browser/resources/md_history/app.crisper.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.
 function PromiseResolver() {
   this.resolve_;
   this.reject_;
   this.promise_ = new Promise(function(resolve, reject) {
     this.resolve_ = resolve;
     this.reject_ = reject;
   }.bind(this));
@@ skipping 6518 matching lines @@
     for (var prop in rect) {
       if (rect[prop] !== 0) return true;
     }
     return false;
   },
   _calcSize: function() {
     return this.getBoundingClientRect()[this.dimension] + 'px';
   }
 });
 
-Polymer.IronFormElementBehavior = {
-  properties: {
-    name: {
-      type: String
-    },
-    value: {
-      notify: true,
-      type: String
-    },
-    required: {
-      type: Boolean,
-      value: false
-    },
-    _parentForm: {
-      type: Object
-    }
-  },
-  attached: function() {
-    this.fire('iron-form-element-register');
-  },
-  detached: function() {
-    if (this._parentForm) {
-      this._parentForm.fire('iron-form-element-unregister', {
-        target: this
-      });
-    }
-  }
-};
-
-Polymer.IronCheckedElementBehaviorImpl = {
-  properties: {
-    checked: {
-      type: Boolean,
-      value: false,
-      reflectToAttribute: true,
-      notify: true,
-      observer: '_checkedChanged'
-    },
-    toggles: {
-      type: Boolean,
-      value: true,
-      reflectToAttribute: true
-    },
-    value: {
-      type: String,
-      value: 'on',
-      observer: '_valueChanged'
-    }
-  },
-  observers: [ '_requiredChanged(required)' ],
-  created: function() {
-    this._hasIronCheckedElementBehavior = true;
-  },
-  _getValidity: function(_value) {
-    return this.disabled || !this.required || this.checked;
-  },
-  _requiredChanged: function() {
-    if (this.required) {
-      this.setAttribute('aria-required', 'true');
-    } else {
-      this.removeAttribute('aria-required');
-    }
-  },
-  _checkedChanged: function() {
-    this.active = this.checked;
-    this.fire('iron-change');
-  },
-  _valueChanged: function() {
-    if (this.value === undefined || this.value === null) {
-      this.value = 'on';
-    }
-  }
-};
-
-Polymer.IronCheckedElementBehavior = [ Polymer.IronFormElementBehavior, Polymer.IronValidatableBehavior, Polymer.IronCheckedElementBehaviorImpl ];
-
-Polymer.PaperCheckedElementBehaviorImpl = {
-  _checkedChanged: function() {
-    Polymer.IronCheckedElementBehaviorImpl._checkedChanged.call(this);
-    if (this.hasRipple()) {
-      if (this.checked) {
-        this._ripple.setAttribute('checked', '');
-      } else {
-        this._ripple.removeAttribute('checked');
-      }
-    }
-  },
-  _buttonStateChanged: function() {
-    Polymer.PaperRippleBehavior._buttonStateChanged.call(this);
-    if (this.disabled) {
-      return;
-    }
-    if (this.isAttached) {
-      this.checked = this.active;
-    }
-  }
-};
-
-Polymer.PaperCheckedElementBehavior = [ Polymer.PaperInkyFocusBehavior, Polymer.IronCheckedElementBehavior, Polymer.PaperCheckedElementBehaviorImpl ];
-
-Polymer({
-  is: 'paper-checkbox',
-  behaviors: [ Polymer.PaperCheckedElementBehavior ],
-  hostAttributes: {
-    role: 'checkbox',
-    'aria-checked': false,
-    tabindex: 0
-  },
-  properties: {
-    ariaActiveAttribute: {
-      type: String,
-      value: 'aria-checked'
-    }
-  },
-  attached: function() {
-    var inkSize = this.getComputedStyleValue('--calculated-paper-checkbox-ink-size');
-    if (inkSize === '-1px') {
-      var checkboxSize = parseFloat(this.getComputedStyleValue('--calculated-paper-checkbox-size'));
-      var defaultInkSize = Math.floor(8 / 3 * checkboxSize);
-      if (defaultInkSize % 2 !== checkboxSize % 2) {
-        defaultInkSize++;
-      }
-      this.customStyle['--paper-checkbox-ink-size'] = defaultInkSize + 'px';
-      this.updateStyles();
-    }
-  },
-  _computeCheckboxClass: function(checked, invalid) {
-    var className = '';
-    if (checked) {
-      className += 'checked ';
-    }
-    if (invalid) {
-      className += 'invalid';
-    }
-    return className;
-  },
-  _computeCheckmarkClass: function(checked) {
-    return checked ? '' : 'hidden';
-  },
-  _createRipple: function() {
-    this._rippleContainer = this.$.checkboxContainer;
-    return Polymer.PaperInkyFocusBehaviorImpl._createRipple.call(this);
-  }
-});
-
 Polymer({
   is: 'paper-icon-button-light',
   "extends": 'button',
   behaviors: [ Polymer.PaperRippleBehavior ],
   listeners: {
     down: '_rippleDown',
     up: '_rippleUp',
     focus: '_rippleDown',
     blur: '_rippleUp'
   },
@@ skipping 99 matching lines @@
     properties: {
       item: {
         type: Object,
         observer: 'showIcon_'
       },
       searchTerm: {
         type: String
       },
       selected: {
         type: Boolean,
-        notify: true
+        reflectToAttribute: true
       },
       isFirstItem: {
         type: Boolean,
         reflectToAttribute: true
       },
       isCardStart: {
         type: Boolean,
         reflectToAttribute: true
       },
       isCardEnd: {
@@ skipping 20 matching lines @@
       });
       e.preventDefault();
     },
     onCheckboxMousedown_: function(e) {
       if (e.shiftKey) e.preventDefault();
     },
     getEntrySummary_: function() {
       var item = this.item;
       return loadTimeData.getStringF('entrySummary', item.dateTimeOfDay, item.starred ? loadTimeData.getString('bookmarked') : '', item.title, item.domain);
     },
+    getAriaChecked_: function(selected) {
+      return selected ? 'true' : 'false';
+    },
     onRemoveBookmarkTap_: function() {
       if (!this.item.starred) return;
       if (this.$$('#bookmark-star') == this.root.activeElement) this.$['menu-button'].focus();
       var browserService = md_history.BrowserService.getInstance();
       browserService.removeBookmark(this.item.url);
       browserService.recordAction('BookmarkStarClicked');
       this.fire('remove-bookmark-stars', this.item.url);
     },
     onMenuButtonTap_: function(e) {
       this.fire('toggle-menu', {
@@ skipping 145 matching lines @@
       var itemArrayPath = itemPathComponents.join('.');
       var lastItemPathComponents = this.lastSelectedPath.split('.');
       var lastItemIndex = Number(lastItemPathComponents.pop());
       if (itemArrayPath == lastItemPathComponents.join('.')) {
         for (var i = Math.min(itemIndex, lastItemIndex); i <= Math.max(itemIndex, lastItemIndex); i++) {
           paths.push(itemArrayPath + '.' + i);
         }
       }
     }
     if (paths.length == 0) paths.push(item.path);
+    var selected = !this.selectedPaths.has(item.path);
     paths.forEach(function(path) {
-      this.set(path + '.selected', item.selected);
-      if (item.selected) {
+      this.set(path + '.selected', selected);
+      if (selected) {
         this.selectedPaths.add(path);
         return;
       }
       this.selectedPaths.delete(path);
     }.bind(this));
     this.lastSelectedPath = itemPath;
   }
 };
 
 // Copyright 2016 The Chromium Authors. All rights reserved.
@@ skipping 1805 matching lines @@
 
        case HistoryRange.MONTH:
         histogramValue = HistoryPageViewHistogram.GROUPED_MONTH;
         break;
       }
       break;
     }
     md_history.BrowserService.getInstance().recordHistogram('History.HistoryPageView', histogramValue, HistoryPageViewHistogram.END);
   }
 });