xooie 1.0.4 → 1.0.5

data/vendor/assets/javascripts/xooie/widgets/carousel.js

@@ -26,7 +26,8 @@
  * Screen reader users will percieve the carousel as a [list](http://www.w3.org/TR/wai-aria/roles#list) of items.
  * For most devices, the native scrollbar is hidden in favor of the directional controls and native scrolling.
  **/
-define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base', 'xooie/event_handler'], function($, helpers, Base, EventHandler) {
+define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base', 'xooie/event_handler'], function ($, helpers, Base, EventHandler) {
+  'use strict';
   var Carousel, timers;
 
 /**
@@ -41,14 +42,14 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
     resize: null
   };
 
-  $(window).on('resize', function() {
+  $(window).on('resize', function () {
     if (timers.resize !== null) {
       clearTimeout(timers.resize);
       timers.resize = null;
     }
     if (Carousel._cache.length > 0) {
       // TODO: make this delay adjustable
-      timers.resize = setTimeout(function() {
+      timers.resize = setTimeout(function () {
         Carousel._cache.trigger(Carousel.prototype.resizeEvent());
       }, 100);
     }
@@ -66,9 +67,9 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
   function parseCtrlStr(ctrlStr) {
     ctrlStr = ctrlStr.toLowerCase();
 
-    var ptrnMatch = ctrlStr.match(/^control:(left|right|goto)\s(\d+)(?:st|nd|rd|th)?\s(.*)$/);
-    
-    if(ptrnMatch === null) {
+    var ptrnMatch = ctrlStr.match(/^control:(left|right|goto)\s(\d+)(?:st|nd|rd|th)?\s([\w\W]*?)$/);
+
+    if (ptrnMatch === null) {
       ptrnMatch = ctrlStr.match(/^control:(left|right)()\s(continuous)$/);
     }
 
@@ -88,7 +89,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  * [[Xooie.Widget@xooie-refresh]] and [[Xooie.Carousel@xooie-carousel-resize]].
  * Carousel instances are tracked in the [[Xooie.Carousel._cache]] collection.
  **/
-  Carousel = Base.extend(function() {
+  Carousel = Base.extend(function () {
     var self = this;
 
 /** internal
@@ -121,7 +122,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  **/
     this._positioners = {
 
-      item: function(direction, quantity) {
+      item: function (direction, quantity) {
         var items, pos, i;
 
         items = this.items();
@@ -133,11 +134,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
         }
 
         if (direction === 'goto' && quantity > 1 && quantity <= items.length) {
-          pos = Math.round(items.eq(quantity - 1).position().left);
-
-          if (pos === 0) {
-            return;
-          }
+          pos = Math.round(items.eq(quantity - 1).position().left) - this.contents().position().left;
         } else {
           i = this.currentItem(direction === 'right');
 
@@ -151,11 +148,11 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
         this.scrollTo(pos);
       },
 
-      items: function() {
+      items: function () {
         return this._positioners.item.apply(this, arguments);
       },
 
-      pixel: function(direction, quantity) {
+      pixel: function (direction, quantity) {
         var pos;
 
         quantity = helpers.toInt(quantity);
@@ -175,11 +172,11 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
         this.scrollTo(pos);
       },
 
-      pixels: function() {
+      pixels: function () {
         return this._positioners.pixel.apply(this, arguments);
       },
 
-      px: function() {
+      px: function () {
         return this._positioners.pixel.apply(this, arguments);
       }
     };
@@ -192,7 +189,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
     function continuousScroll(ctrl, direction) {
       clearInterval(self._timers.continuous);
 
-      self._timers.continuous = setInterval(function(dir) {
+      self._timers.continuous = setInterval(function (dir) {
         if (ctrl.is(':disabled')) {
           self._timers.continuous = clearInterval(self._timers.continuous);
         }
@@ -211,22 +208,22 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
     this._controlEvents = new EventHandler(this.namespace());
 
     this._controlEvents.add({
-      keydown: function(event) {
-          var ctrl, args;
+      keydown: function (event) {
+        var ctrl, args;
 
-          if ([13,32].indexOf(event.which) !== -1) {
-            ctrl = $(this);
-            args = parseCtrlStr(ctrl.attr('data-x-role'));
+        if ([13, 32].indexOf(event.which) !== -1) {
+          ctrl = $(this);
+          args = parseCtrlStr(ctrl.attr('data-x-role'));
 
-            if (args[2] === 'continuous' && !ctrl.is(':disabled')) {
-              continuousScroll(ctrl, args[0]);
+          if (args[2] === 'continuous' && !ctrl.is(':disabled')) {
+            continuousScroll(ctrl, args[0]);
 
-              event.preventDefault();
-            }
+            event.preventDefault();
           }
+        }
       },
 
-      mousedown: function(event) {
+      mousedown: function (event) {
         var ctrl, args;
 
         ctrl = $(this);
@@ -239,14 +236,14 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
         }
       },
 
-      keyup: function(event) {
+      keyup: function (event) {
         self._timers.continuous = clearInterval(self._timers.continuous);
 
         if ($(this).is(':disabled')) {
           return;
         }
 
-        if ([13,32].indexOf(event.which) !== -1) {
+        if ([13, 32].indexOf(event.which) !== -1) {
           var args = parseCtrlStr($(this).attr('data-x-role'));
 
           if (helpers.isFunction(self._positioners[args[2]])) {
@@ -257,7 +254,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
         }
       },
 
-      mouseup: function(event) {
+      mouseup: function (event) {
         self._timers.continuous = clearInterval(self._timers.continuous);
 
         if ($(this).is(':disabled')) {
@@ -273,11 +270,11 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
         event.preventDefault();
       },
 
-      mouseleave: function(event) {
+      mouseleave: function () {
         self._timers.continuous = clearInterval(self._timers.continuous);
       },
 
-      blur: function(event) {
+      blur: function () {
         self._timers.continuous = clearInterval(self._timers.continuous);
       }
     });
@@ -296,17 +293,17 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  **/
     this._wrapperEvents = new EventHandler(this.namespace());
 
-    this._wrapperEvents.add('scroll', function(event){
+    this._wrapperEvents.add('scroll', function () {
       if (self._timers.scroll) {
-          self._timers.scroll = clearTimeout(self._timers.scroll);
-        } else {
-          self.root().removeClass(self.leftClass() + ' ' + self.rightClass());
-        
-          self.controls().prop('disabled', false);
-        }
+        self._timers.scroll = clearTimeout(self._timers.scroll);
+      } else {
+        self.root().removeClass(self.leftClass() + ' ' + self.rightClass());
 
-        // TODO: make this delay adjustable
-        self._timers.scroll = setTimeout(scrollComplete, 250);
+        self.controls().prop('disabled', false);
+      }
+
+      // TODO: make this delay adjustable
+      self._timers.scroll = setTimeout(scrollComplete, 250);
     });
 
     this.cropStyle(Carousel.createStyleRule('.' + this.instanceClass() + ' .' + this.cropClass() + ', .' + this.instanceClass() + '.' + this.cropClass()));
@@ -318,9 +315,9 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
       this.get('initEvent'),
       this.get('refreshEvent'),
       this.get('resizeEvent')].join(' '),
-    function(){
-      self.updateDimensions();
-    });
+      function () {
+        self.updateDimensions();
+      });
 
   });
 
@@ -517,9 +514,9 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
   });
 
   Carousel.createStyleRule('ul.' + Carousel.prototype.contentClass(), {
-     'list-style': 'none',
-     'padding': 0,
-     'margin': 0
+    'list-style': 'none',
+    'padding': 0,
+    'margin': 0
   });
 
   Carousel.createStyleRule('.' + Carousel.prototype.contentClass() + ' > *', {
@@ -529,8 +526,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
     'font-size': '1em'
   });
 
-  Carousel.createStyleRule('.' + Carousel.prototype.leftClass() + '.' + Carousel.prototype.rightClass() + ' [data-x-role^="control:left"]' +
-    ', .' + Carousel.prototype.leftClass() + '.' + Carousel.prototype.rightClass() + ' [data-x-role^="control:right"]', {
+  Carousel.createStyleRule('.' + Carousel.prototype.leftClass() + '.' + Carousel.prototype.rightClass() + ' [data-x-role^="control:left"]' + ', .' + Carousel.prototype.leftClass() + '.' + Carousel.prototype.rightClass() + ' [data-x-role^="control:right"]', {
     display: 'none'
   });
 
@@ -541,41 +537,38 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  * Returns the index of the first visible item.  The value of [[Xooie.Carousel#visibleThreshold]] determines what
  * percentage of the item must be showing to be considered visible.
  **/
-  Carousel.prototype.currentItem = function(biasRight) {
-      var content, items,
-          position, itemWidth,
-          i;
+  Carousel.prototype.currentItem = function (biasRight) {
+    var content, items, position, itemWidth, i;
 
-      content = this.contents();
-      items = this.items();
+    content = this.contents();
+    items = this.items();
 
-      if (biasRight) {
-        position = content.outerWidth(true) + content.position().left;
+    if (biasRight) {
+      position = content.outerWidth(true) + content.position().left;
 
-        for (i = items.length - 1; i > 0; i -= 1) {
-          itemWidth = items.eq(i).outerWidth(true);
-          position -= itemWidth;
+      for (i = items.length - 1; i > 0; i -= 1) {
+        itemWidth = items.eq(i).outerWidth(true);
+        position -= itemWidth;
 
-          if (i > 0 && position <= this.visibleThreshold() * itemWidth) {
-              return i;
-          }
+        if (i > 0 && position <= this.visibleThreshold() * itemWidth) {
+          return i;
         }
-        return 0;
-      } else {
-        position = content.position().left;
+      }
+      return 0;
+    }
 
-        for (i = 0; i < items.length - 1; i++) {
-          itemWidth = items.eq(i).outerWidth(true);
+    position = content.position().left;
 
-          if (position + this.visibleThreshold() * itemWidth >= 0){
-            return i;
-          } else {
-            position += itemWidth;
-          }
-        }
+    for (i = 0; i < items.length - 1; i += 1) {
+      itemWidth = items.eq(i).outerWidth(true);
 
-        return items.length - 1;
+      if (position + this.visibleThreshold() * itemWidth >= 0) {
+        return i;
       }
+      position += itemWidth;
+    }
+
+    return items.length - 1;
   };
 
 /**
@@ -583,7 +576,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  *
  * Indicates if the carousel is scrolled completely to the left.
  **/
-  Carousel.prototype.isLeft = function() {
+  Carousel.prototype.isLeft = function () {
     return this.wrappers().scrollLeft() === 0;
   };
 
@@ -592,7 +585,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  *
  * Indicates if the carousel is scrolled completely to the right.
  **/
-  Carousel.prototype.isRight = function() {
+  Carousel.prototype.isRight = function () {
     var lastItem, position;
 
     try {
@@ -616,10 +609,10 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  * The new height is applied to the [[Xooie.Carousel#cropStyle]] rule rather than the cropping element
  * itself.  This allows developers to use cascade rules to override the height if they so choose.
  **/
-  Carousel.prototype.updateDimensions = function() {
+  Carousel.prototype.updateDimensions = function () {
     var height = 0;
 
-    this.items().each(function(){
+    this.items().each(function () {
       height = Math.max(height, $(this).outerHeight(true));
     });
 
@@ -638,17 +631,19 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  * completely to the left then the [[Xooie.Carousel#rightClass]] is applied to the [[Xooie.Widget#root]] and the
  * right [[Xooie.Carousel#controls]] is disabled.
  **/
-  Carousel.prototype.updateLimits = function() {
-      var isLeft = this.isLeft(),
-          isRight = this.isRight();
+  Carousel.prototype.updateLimits = function () {
+    var isLeft, isRight;
 
-      this.root().toggleClass(this.leftClass(), isLeft);
-      this.controls().filter('[data-x-role^="control:left"]')
-                     .prop('disabled', isLeft);
+    isLeft = this.isLeft();
+    isRight = this.isRight();
 
-      this.root().toggleClass(this.rightClass(), isRight);
-      this.controls().filter('[data-x-role^="control:right"]')
-                     .prop('disabled', isRight);
+    this.root().toggleClass(this.leftClass(), isLeft);
+    this.controls().filter('[data-x-role^="control:left"]')
+                   .prop('disabled', isLeft);
+
+    this.root().toggleClass(this.rightClass(), isRight);
+    this.controls().filter('[data-x-role^="control:right"]')
+                   .prop('disabled', isRight);
   };
 
 /**
@@ -658,26 +653,25 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  *
  * Uses the jQuery animate functionality to scroll the carousel to the designated position.
  **/
-  Carousel.prototype.scrollTo = function(pos, cb) {
+  Carousel.prototype.scrollTo = function (pos, cb) {
     var self = this;
 
     pos = Math.floor(pos);
 
     if (this.isScrolling) {
-      this.wrappers().stop(true,true);
+      this.wrappers().stop(true, true);
     }
 
     this.isScrolling = true;
 
     // TODO: make the scroll timer configurable
     this.wrappers().animate({ scrollLeft: pos }, 200,
-      function(){
+      function () {
         self.isScrolling = false;
         if (helpers.isFunction(cb)) {
           cb();
         }
-      }
-    );
+      });
   };
 
 /** internal
@@ -688,7 +682,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  * In addition to applying the [[Xooie.Carousel#contentClass]] the content is also given the
  * aria role [list](http://www.w3.org/TR/wai-aria/roles#list) if it is neither a `ul` or `ol` element.
  **/
-  Carousel.prototype._process_role_content = function(content) {
+  Carousel.prototype._process_role_content = function (content) {
     content.addClass(this.contentClass());
 
     if (!content.is('ul,ol')) {
@@ -705,7 +699,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  * rendered only if no other [[Xooie.Carousel#wrappers]] is present as a decendant of the root of this
  * widget.
  **/
-  Carousel.prototype._render_role_wrapper = function() {
+  Carousel.prototype._render_role_wrapper = function () {
     var wrapper = $('<div data-x-role="wrapper" />');
 
     this.contents().wrap(wrapper);
@@ -721,7 +715,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  * The [[Xooie.Carousel#wrapperClass]] is added and the [[Xooie.Carousel#_wrapperEvents]] handlers are
  * bound.  Also, the [[Xooie.Carousel#cropClass]] is added to this element's parent.
  **/
-  Carousel.prototype._process_role_wrapper = function(wrapper) {
+  Carousel.prototype._process_role_wrapper = function (wrapper) {
     wrapper.addClass(this.wrapperClass())
            .on(this._wrapperEvents.handlers)
            .parent().addClass(this.cropClass());
@@ -734,7 +728,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  *
  * Gets all children of [[Xooie.Carousel#contents]].
  **/
-  Carousel.prototype._get_role_item = function() {
+  Carousel.prototype._get_role_item = function () {
     return this.contents().children();
   };
 
@@ -743,7 +737,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  *
  * TODO: Test and document
  **/
-  Carousel.prototype._get_role_control = function(){
+  Carousel.prototype._get_role_control = function () {
     return this.root().find('[data-x-role^="control"]');
   };
 
@@ -751,7 +745,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  * Xooie.Carousel#_process_role_control() -> Element
  *
  **/
-  Carousel.prototype._process_role_control = function(controls) {
+  Carousel.prototype._process_role_control = function (controls) {
     controls.on(this._controlEvents.handlers);
 
     controls.attr('aria-hidden', true)
@@ -765,7 +759,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
  *
  * Adds the [[Xooie.Widget#namespace]] to the `resizeEvent` string.
  **/
-  Carousel.prototype._process_resizeEvent = function(resizeEvent) {
+  Carousel.prototype._process_resizeEvent = function (resizeEvent) {
     return this.namespace() === '' ? resizeEvent : resizeEvent + '.' + this.namespace();
   };
 

data/vendor/assets/javascripts/xooie/widgets/dialog.js

@@ -14,119 +14,118 @@
 *   limitations under the License.
 */
 
-define('xooie/dialog', ['jquery', 'xooie/base'], function($, Base) {
+define('xooie/dialog', ['xooie/base', 'xooie/helpers'], function (Base, helpers) {
+  'use strict';
 
-    var Dialog = Base('dialog', function(){
-        var self = this;
+  var Dialog = new Base('dialog', function () {
+    var self = this;
 
-        this.id = Dialog._counter++;
+    this.id = Dialog._counter = Dialog._counter + 1;
 
-        Dialog._instances[this.id] = this;
+    Dialog._instances[this.id] = this;
 
-        this.root.attr('data-dialog-id', this.id);
+    this.root.attr('data-dialog-id', this.id);
 
-        //add accessibility attributes
-        this.root.find(this.options.containerSelector).attr('role', 'dialog');
+    //add accessibility attributes
+    this.root.find(this.options.containerSelector).attr('role', 'dialog');
 
-        this.root.addClass('xooie-dialog');
+    this.root.addClass('xooie-dialog');
 
-        this.handlers = {
-            mouseup: function(event){
-                Dialog.close(self.id);
-            },
+    this.handlers = {
+      mouseup: function () {
+        Dialog.close(self.id);
+      },
 
-            keyup: function(event){
-                if([13,32].indexOf(event.which) !== -1){
-                    Dialog.close(self.id);
-                }
-            }
-        };
-    });
-
-    Dialog.setDefaultOptions({
-        closeButtonSelector: '[data-role="closeButton"]',
-        containerSelector: '[data-role="container"]',
-
-        dialogActiveClass: 'is-dialog-active'
-    });
-
-    Dialog.setCSSRules({
-        '.xooie-dialog': {
-            position: 'fixed',
-            top: 0,
-            bottom: 0,
-            left: 0,
-            right: 0
+      keyup: function (event) {
+        if ([13, 32].indexOf(event.which) !== -1) {
+          Dialog.close(self.id);
         }
-    });
+      }
+    };
+  });
 
-    Dialog.prototype.activate = function(){
-        this.root.addClass(this.options.dialogActiveClass);
+  Dialog.setDefaultOptions({
+    closeButtonSelector: '[data-role="closeButton"]',
+    containerSelector: '[data-role="container"]',
 
-        if(Dialog._active === this) {
-            return;
-        }
+    dialogActiveClass: 'is-dialog-active'
+  });
 
-        if(Dialog._active){
-            Dialog._active.deactivate();
-        }
+  Dialog.setCSSRules({
+    '.xooie-dialog': {
+      position: 'fixed',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  });
 
-        this.root.find(this.options.closeButtonSelector)
-                 .on(this.handlers);
+  Dialog.prototype.activate = function () {
+    this.root.addClass(this.options.dialogActiveClass);
 
-        Dialog._active = this;
+    if (Dialog._active === this) {
+      return;
+    }
 
-        this.root.trigger('dialogActive');
-    };
+    if (Dialog._active) {
+      Dialog._active.deactivate();
+    }
 
-    Dialog.prototype.deactivate = function(){
-        this.root.removeClass(this.options.dialogActiveClass);
+    this.root.find(this.options.closeButtonSelector)
+             .on(this.handlers);
 
-        if (Dialog._active !== this) {
-            return;
-        }
+    Dialog._active = this;
 
-        this.root.find(this.options.closeButtonSelector)
-                 .off(this.handlers);
+    this.root.trigger('dialogActive');
+  };
 
-        Dialog._active = null;
+  Dialog.prototype.deactivate = function () {
+    this.root.removeClass(this.options.dialogActiveClass);
 
-        this.root.trigger('dialogInactive');
-    };
+    if (Dialog._active !== this) {
+      return;
+    }
+
+    this.root.find(this.options.closeButtonSelector)
+             .off(this.handlers);
 
-    Dialog._instances = [];
-    Dialog._counter = 0;
     Dialog._active = null;
-    Dialog._queue = [];
 
-    Dialog.open = function(id){
-        //get dialog instance
-        var dialog = this._instances[id];
+    this.root.trigger('dialogInactive');
+  };
 
-        if (typeof dialog === 'undefined' || this._active === dialog){
-            return;
-        }
+  Dialog._instances = [];
+  Dialog._counter = 0;
+  Dialog._active = null;
+  Dialog._queue = [];
 
-        if (this._active) {
-            this._queue.push(dialog);
-        } else {
-            dialog.activate();
-        }
+  Dialog.open = function (id) {
+    //get dialog instance
+    var dialog = this._instances[id];
 
-    };
+    if (helpers.isUndefined(dialog) || this._active === dialog) {
+      return;
+    }
 
-    Dialog.close = function(){
-        //get dialog instance
-        if(!this._active) {
-            return;
-        }
+    if (this._active) {
+      this._queue.push(dialog);
+    }
+    dialog.activate();
+  };
 
-        this._active.deactivate();
+  Dialog.close = function () {
+    //get dialog instance
+    if (!this._active) {
+      return;
+    }
 
-        if (this._queue.length > 0) {
-            this._queue.pop().activate();
-        }
-    };
+    this._active.deactivate();
+
+    if (this._queue.length > 0) {
+      this._queue.pop().activate();
+    }
+  };
 
-    return Dialog;
+  return Dialog;
 });