[NTP4] Make TilePage and CardSlider evented to simplify code and fix page switcher bug

chrome/browser/resources/ntp4/nav_dot.js

 // Copyright (c) 2011 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 Nav dot
  * This is the class for the navigation controls that appear along the bottom
  * of the NTP.
  */
 
@@ skipping 74 matching lines @@
      * @type {String} title The display name for this nav dot.
      */
     get displayTitle() {
       return this.title;
     },
     set displayTitle(title) {
       this.title = this.input_.value = title;
     },
 
     /**
-     * Removes the dot from the page after transitioning to 0 width.
+     * Removes the dot from the page. If |opt_animate| is truthy, we first
+     * transition the element to 0 width.
+     * @param {boolean=} opt_animate Whether to animate the removal or not.
      */
-    animateRemove: function() {
-      this.classList.add('small');
+    remove: function(opt_animate) {
+      if (opt_animate)
+        this.classList.add('small');
+      else
+        this.parentNode.removeChild(this);
     },
 
     /**
      * Navigates the card slider to the page for this dot.
      */
     switchToPage: function() {
       ntp4.getCardSlider().selectCardByValue(this.page_, true);
     },
 
     /**
@@ skipping 154 matching lines @@
     onTransitionEnd_: function(e) {
       if (e.propertyName === 'max-width' && this.classList.contains('small'))
         this.parentNode.removeChild(this);
     },
   };
 
   return {
     NavDot: NavDot,
   };
 });