Add the EventTracker extension for cleaning evts

app/widgets/charm-slider.js

 'use strict';
 
 
 /**
  * Provides the Charm Slider widget.
  *
  * @namespace juju
  * @module widgets
  * @submodule browser.CharmSlider
  *
  */
 YUI.add('browser-charm-slider', function(Y) {
   var sub = Y.Lang.sub,
       ns = Y.namespace('juju.widgets.browser');
 
   /**
    * The CharmSlider provides a rotating display of one member of a generic set
    * of items, with controls to go directly to a given item.
    *
    * @class CharmSlider
    * @extends {Y.ScrollView}
    *
    */
-  ns.CharmSlider = new Y.Base.create('browser-charm-slider', Y.ScrollView, [], {
+  ns.CharmSlider = new Y.Base.create('browser-charm-slider', Y.ScrollView, [
+    Y.Event.EventTracker
+  ], {
 
     /**
      * Template for the CharmSlider
      *
      * @property charmSliderTemplate
      * @type {String}
      *
      */
     charmSliderTemplate: '<ul width="{width}px" />',
 
@@ skipping 133 matching lines @@
       * Binds the navigate event listeners
       *
       * @method bindUI
       * @private
       */
     bindUI: function() {
 
       //Call the parent bindUI method
       ns.CharmSlider.superclass.bindUI.apply(this);
 
-      var events = this.get('_events'),
-          boundingBox = this.get('boundingBox'),
+      var boundingBox = this.get('boundingBox'),
           nav = boundingBox.one('.navigation');
-      events.push(this.after('render', this._startTimer, this));
-      events.push(boundingBox.on('mouseenter', this._pauseAutoAdvance, this));
-      events.push(boundingBox.on('mouseleave', this._pauseAutoAdvance, this));
-      events.push(nav.delegate('click', function(e) {
+      this.addEvent(this.after('render', this._startTimer, this));
+      this.addEvent(boundingBox.on('mouseenter', this._pauseAutoAdvance, this));
+      this.addEvent(boundingBox.on('mouseleave', this._pauseAutoAdvance, this));
+      this.addEvent(nav.delegate('click', function(e) {
         var index = e.currentTarget.getAttribute('data-index');
         index = parseInt(index, 10);
         this._advanceSlide(index);
       }, 'li', this));
     },
 
     /**
-      * Detaches events attached during instantiation
+      * Clean up after the widget.
       *
       * @method destructor
       * @private
       */
     destructor: function() {
-      console.log('Clearing slider events');
       // Stop any in-progress timer
       this.get('timer').cancel();
-      Y.Array.each(this.get('_events'), function(event) {
-        event.detach();
-      });
     },
 
     /**
      * Initializer
      *
      * @method initializer
      * @param {Object} The config object.
      *
      */
     initializer: function(cfg) {
@@ skipping 69 matching lines @@
          *
          * @method validator
          * @param {Array} The items being validated.
          */
         validator: function(val) {
           return (val.length <= this.get('max'));
         }
       },
 
       /**
-       * @attribute _events
-       * @default []
-       * @type {Array}
-       *
-       */
-      _events: {
-        value: []
-      },
-
-      /**
        * @attribute max
        * @default 5
        * @type {Int}
        *
        */
       max: {
         value: 5
       },
 
       /**
        * @attribute timer
        * @default null
        * @type {Object}
        *
        */
       timer: {
         value: null
       }
     }
   });
 
 }, '0.1.0', {
   requires: [
     'array-extras',
     'base',
     'event-mouseenter',
+    'event-tracker',
     'scrollview',
     'scrollview-paginator'
   ]
 });