[WebUI] ClosureCompile cr.ui.DragWrapper, create a real handler class

chrome/browser/resources/ntp4/nav_dot.js

 // Copyright (c) 2012 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.
  */
 
 cr.define('ntp', function() {
   'use strict';
 
   /**
    * Creates a new navigation dot.
    * @param {ntp.TilePage} page The associated TilePage.
    * @param {string} title The title of the navigation dot.
    * @param {boolean} titleIsEditable If true, the title can be changed.
    * @param {boolean} animate If true, animates into existence.
    * @constructor
    * @extends {HTMLLIElement}
+   * @implements {cr.ui.DragWrapperDelegate}
    */
   function NavDot(page, title, titleIsEditable, animate) {
     var dot = cr.doc.createElement('li');
     dot.__proto__ = NavDot.prototype;
     dot.initialize(page, title, titleIsEditable, animate);
 
     return dot;
   }
 
   NavDot.prototype = {
@@ skipping 150 matching lines @@
       window.getSelection().removeAllRanges();
       this.displayTitle = this.input_.value;
       ntp.saveAppPageName(this.page_, this.displayTitle);
       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.
-     * @param {Event} e The MouseOver event for the drag.
-     * @private
-     */
+    /** @override */
     doDragEnter: function(e) {
       var self = this;
       function navPageClearTimeout() {
         self.switchToPage();
         self.dragNavTimeout = null;
       }
       this.dragNavTimeout = window.setTimeout(navPageClearTimeout, 500);
 
       this.doDragOver(e);
     },
 
-    /**
-     * A dragged element has moved over the navigation dot. Show the correct
-     * indicator and prevent default handling so the <input> won't act as a drag
-     * target.
-     * @param {Event} e The MouseOver event for the drag.
-     * @private
-     */
+    /** @override */
     doDragOver: function(e) {
+      // Prevent default handling so the <input> won't act as a drag target.
       e.preventDefault();
 
       if (!this.dragWrapper_.isCurrentDragTarget)
         ntp.setCurrentDropEffect(e.dataTransfer, 'none');
       else
         this.page_.setDropEffect(e.dataTransfer);
     },
 
-    /**
-     * A dragged element has been dropped on the navigation dot. Tell the page
-     * to append it.
-     * @param {Event} e The MouseOver event for the drag.
-     * @private
-     */
+    /** @override */
     doDrop: function(e) {
       e.stopPropagation();
       var tile = ntp.getCurrentlyDraggingTile();
       if (tile && tile.tilePage != this.page_)
         this.page_.appendDraggingTile();
       // TODO(estade): handle non-tile drags.
 
       this.cancelDelayedSwitch_();
     },
 
-    /**
-     * The drag has left the navigation dot.
-     * @param {Event} e The MouseOver event for the drag.
-     * @private
-     */
+    /** @override */
     doDragLeave: function(e) {
       this.cancelDelayedSwitch_();
     },
 
     /**
      * Cancels the timer for page switching.
      * @private
      */
     cancelDelayedSwitch_: function() {
       if (this.dragNavTimeout) {
@@ skipping 10 matching lines @@
     onTransitionEnd_: function(e) {
       if (e.propertyName === 'max-width' && this.classList.contains('small'))
         this.parentNode.removeChild(this);
     },
   };
 
   return {
     NavDot: NavDot,
   };
 });