[NTP4] Auto-deletion of empty apps panes.

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 62 matching lines @@
     },
 
     /**
      * When the input blurs, commit the edited changes.
      * @param {Event} e The blur event.
      * @private
      */
     onInputBlur_: function(e) {
       window.getSelection().removeAllRanges();
       this.displayTitle = this.input_.value;
-      ntp4.saveAppPageName(this.page_, this.displayTitle);
+      ntp4.saveAppsPageName(this.page_, this.displayTitle, false);
       this.input_.disabled = true;
     },
 
     shouldAcceptDrag: function(e) {
       return this.page_.shouldAcceptDrag(e);
     },
 
     /**
      * A drag has entered the navigation dot. If the user hovers long enough,
      * we will navigate to the relevant page.
@@ skipping 71 matching lines @@
     onTransitionEnd_: function(e) {
       if (e.propertyName === 'max-width' && this.classList.contains('small'))
         this.parentNode.removeChild(this);
     },
   };
 
   return {
     NavDot: NavDot,
   };
 });