helios 0.3.0 → 0.4.0

data/lib/helios/frontend/javascripts/vendor/foundation/foundation.dropdown.js

@@ -6,21 +6,24 @@
   Foundation.libs.dropdown = {
     name : 'dropdown',
 
-    version : '4.0.0',
+    version : '4.2.0',
 
     settings : {
-      activeClass: 'open'
+      activeClass: 'open',
+      is_hover: false,
+      opened: function(){},
+      closed: function(){}
     },
 
     init : function (scope, method, options) {
       this.scope = scope || this.scope;
-      Foundation.inherit(this, 'throttle');
+      Foundation.inherit(this, 'throttle scrollLeft data_options');
 
       if (typeof method === 'object') {
         $.extend(true, this.settings, method);
       }
 
-      if (typeof method != 'string') {
+      if (typeof method !== 'string') {
 
         if (!this.settings.init) {
           this.events();
@@ -35,22 +38,37 @@
     events : function () {
       var self = this;
 
-      $(this.scope).on('click.fndtn.dropdown', '[data-dropdown]', function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        self.toggle($(this));
-      });
-
-      $('*, html, body').on('click.fndtn.dropdown', function (e) {
-        if (!$(e.target).data('dropdown')) {
-          $('[data-dropdown-content]')
-            .css('left', '-99999px')
-            .removeClass(self.settings.activeClass);
+      $(this.scope)
+        .on('click.fndtn.dropdown', '[data-dropdown]', function (e) {
+          var settings = $.extend({}, self.settings, self.data_options($(this)));
+          e.preventDefault();
+
+          if (!settings.is_hover) self.toggle($(this));
+        })
+        .on('mouseenter', '[data-dropdown]', function (e) {
+          var settings = $.extend({}, self.settings, self.data_options($(this)));
+          if (settings.is_hover) self.toggle($(this));
+        })
+        .on('mouseleave', '[data-dropdown-content]', function (e) {
+          var target = $('[data-dropdown="' + $(this).attr('id') + '"]'),
+              settings = $.extend({}, self.settings, self.data_options(target));
+          if (settings.is_hover) self.close.call(self, $(this));
+        })
+        .on('opened.fndtn.dropdown', '[data-dropdown-content]', this.settings.opened)
+        .on('closed.fndtn.dropdown', '[data-dropdown-content]', this.settings.closed);
+
+      $('body').on('click.fndtn.dropdown', function (e) {
+        var parent = $(e.target).closest('[data-dropdown-content]');
+
+        if ($(e.target).data('dropdown')) {
+          return;
+        }
+        if (parent.length > 0 && ($(e.target).is('[data-dropdown-content]') || $.contains(parent.first()[0], e.target))) {
+          e.stopPropagation();
+          return;
         }
-      });
 
-      $('[data-dropdown-content]').on('click.fndtn.dropdown', function (e) {
-        e.stopPropagation();
+        self.close.call(self, $('[data-dropdown-content]'));
       });
 
       $(window).on('resize.fndtn.dropdown', self.throttle(function () {
@@ -60,19 +78,35 @@
       this.settings.init = true;
     },
 
-    toggle : function (target, resize) {
+    close: function (dropdown) {
+      var self = this;
+      dropdown.each(function () {
+        if ($(this).hasClass(self.settings.activeClass)) {
+          $(this)
+            .css(Foundation.rtl ? 'right':'left', '-99999px')
+            .removeClass(self.settings.activeClass);
+          $(this).trigger('closed');
+        }
+      });
+    },
+
+    open: function (dropdown, target) {
+        this
+          .css(dropdown
+            .addClass(this.settings.activeClass), target);
+        dropdown.trigger('opened');
+    },
+
+    toggle : function (target) {
       var dropdown = $('#' + target.data('dropdown'));
 
-      $('[data-dropdown-content]').not(dropdown).css('left', '-99999px');
+      this.close.call(this, $('[data-dropdown-content]').not(dropdown));
 
       if (dropdown.hasClass(this.settings.activeClass)) {
-        dropdown
-          .css('left', '-99999px')
-          .removeClass(this.settings.activeClass);
+        this.close.call(this, dropdown);
       } else {
-        this
-          .css(dropdown
-            .addClass(this.settings.activeClass), target);
+        this.close.call(this, $('[data-dropdown-content]'))
+        this.open.call(this, dropdown, target);
       }
     },
 
@@ -86,7 +120,15 @@
     },
 
     css : function (dropdown, target) {
-      var offset = target.offset();
+      var offset_parent = dropdown.offsetParent();
+      // temporary workaround until 4.2
+      if (offset_parent.length > 0 && /body/i.test(dropdown.offsetParent()[0].nodeName)) {
+        var position = target.offset();
+        position.top -= dropdown.offsetParent().offset().top;
+        position.left -= dropdown.offsetParent().offset().left;
+      } else {
+        var position = target.position();
+      }
 
       if (this.small()) {
         dropdown.css({
@@ -94,13 +136,25 @@
           width: '95%',
           left: '2.5%',
           'max-width': 'none',
-          top: offset.top + this.outerHeight(target)
+          top: position.top + this.outerHeight(target)
         });
       } else {
+        if (!Foundation.rtl && $(window).width() > this.outerWidth(dropdown) + target.offset().left) {
+          var left = position.left;
+          if (dropdown.hasClass('right')) {
+            dropdown.removeClass('right');
+          }
+        } else {
+          if (!dropdown.hasClass('right')) {
+            dropdown.addClass('right');
+          }
+          var left = position.left - (this.outerWidth(dropdown) - this.outerWidth(target));
+        }
+
         dropdown.attr('style', '').css({
           position : 'absolute',
-          top: offset.top + this.outerHeight(target),
-          left: offset.left
+          top: position.top + this.outerHeight(target),
+          left: left
         });
       }
 
@@ -117,6 +171,8 @@
       $(window).off('.fndtn.dropdown');
       $('[data-dropdown-content]').off('.fndtn.dropdown');
       this.settings.init = false;
-    }
+    },
+
+    reflow : function () {}
   };
 }(Foundation.zj, this, this.document));

data/lib/helios/frontend/javascripts/vendor/foundation/foundation.forms.js

@@ -1,25 +1,25 @@
-/*jslint unparam: true, browser: true, indent: 2 */
-
-;(function ($, window, document, undefined) {
+(function ($, window, document, undefined) {
   'use strict';
 
   Foundation.libs.forms = {
-    name : 'forms',
+    name: 'forms',
+
+    version: '4.2.3',
 
-    version : '4.0.4',
+    cache: {},
 
-    settings : {
-      disable_class: 'no-custom'
+    settings: {
+      disable_class: 'no-custom',
+      last_combo : null
     },
 
-    init : function (scope, method, options) {
-      this.scope = scope || this.scope;
+    init: function (scope, method, options) {
 
       if (typeof method === 'object') {
         $.extend(true, this.settings, method);
       }
 
-      if (typeof method != 'string') {
+      if (typeof method !== 'string') {
         if (!this.settings.init) {
           this.events();
         }
@@ -32,16 +32,23 @@
       }
     },
 
-    assemble : function () {
-      $('form.custom input[type="radio"]').not('[data-customforms="disabled"]')
+    assemble: function () {
+      $('form.custom input[type="radio"]', $(this.scope))
+        .not('[data-customforms="disabled"]')
+        .not('.' + this.settings.disable_class)
         .each(this.append_custom_markup);
-      $('form.custom input[type="checkbox"]').not('[data-customforms="disabled"]')
+      $('form.custom input[type="checkbox"]', $(this.scope))
+        .not('[data-customforms="disabled"]')
+        .not('.' + this.settings.disable_class)
         .each(this.append_custom_markup);
-      $('form.custom select').not('[data-customforms="disabled"]')
+      $('form.custom select', $(this.scope))
+        .not('[data-customforms="disabled"]')
+        .not('.' + this.settings.disable_class)
+        .not('[multiple=multiple]')
         .each(this.append_custom_select);
     },
 
-    events : function () {
+    events: function () {
       var self = this;
 
       $(this.scope)
@@ -55,49 +62,47 @@
           e.stopPropagation();
           self.toggle_radio($(this));
         })
-        .on('change.fndtn.forms', 'form.custom select:not([data-customforms="disabled"])', function (e) {
-          self.refresh_custom_select($(this));
+        .on('change.fndtn.forms', 'form.custom select', function (e, force_refresh) {
+          if ($(this).is('[data-customforms="disabled"]')) return;
+          self.refresh_custom_select($(this), force_refresh);
         })
         .on('click.fndtn.forms', 'form.custom label', function (e) {
-          var $associatedElement = $('#' + self.escape($(this).attr('for')) + ':not([data-customforms="disabled"])'),
+          if ($(e.target).is('label')) {
+            var $associatedElement = $('#' + self.escape($(this).attr('for'))).not('[data-customforms="disabled"]'),
               $customCheckbox,
               $customRadio;
-          if ($associatedElement.length !== 0) {
-            if ($associatedElement.attr('type') === 'checkbox') {
-              e.preventDefault();
-              $customCheckbox = $(this).find('span.custom.checkbox');
-              //the checkbox might be outside after the label
-              if ($customCheckbox.length == 0) {
-                $customCheckbox = $(this).next('span.custom.checkbox');
-              }
-              //the checkbox might be outside before the label
-              if ($customCheckbox.length == 0) {
-                $customCheckbox = $(this).prev('span.custom.checkbox');
-              }
-              self.toggle_checkbox($customCheckbox);
-            } else if ($associatedElement.attr('type') === 'radio') {
-              e.preventDefault();
-              $customRadio = $(this).find('span.custom.radio');
-              //the radio might be outside after the label
-              if ($customRadio.length == 0) {
-                $customRadio = $(this).next('span.custom.radio');
-              }
-              //the radio might be outside before the label
-              if ($customRadio.length == 0) {
-                $customRadio = $(this).prev('span.custom.radio');
+
+            if ($associatedElement.length !== 0) {
+              if ($associatedElement.attr('type') === 'checkbox') {
+                e.preventDefault();
+                $customCheckbox = $(this).find('span.custom.checkbox');
+                //the checkbox might be outside after the label or inside of another element
+                if ($customCheckbox.length === 0) {
+                  $customCheckbox = $associatedElement.add(this).siblings('span.custom.checkbox').first();
+                }
+                self.toggle_checkbox($customCheckbox);
+              } else if ($associatedElement.attr('type') === 'radio') {
+                e.preventDefault();
+                $customRadio = $(this).find('span.custom.radio');
+                //the radio might be outside after the label or inside of another element
+                if ($customRadio.length === 0) {
+                  $customRadio = $associatedElement.add(this).siblings('span.custom.radio').first();
+                }
+                self.toggle_radio($customRadio);
               }
-              self.toggle_radio($customRadio);
             }
           }
         })
+        .on('mousedown.fndtn.forms', 'form.custom div.custom.dropdown', function () {
+          return false;
+        })
         .on('click.fndtn.forms', 'form.custom div.custom.dropdown a.current, form.custom div.custom.dropdown a.selector', function (e) {
           var $this = $(this),
               $dropdown = $this.closest('div.custom.dropdown'),
-              $select = $dropdown.prev();
+              $select = getFirstPrevSibling($dropdown, 'select');
 
           // make sure other dropdowns close
-          if(!$dropdown.hasClass('open'))
-            $(self.scope).trigger('click');
+          if (!$dropdown.hasClass('open')) $(self.scope).trigger('click');
 
           e.preventDefault();
           if (false === $select.is(':disabled')) {
@@ -117,32 +122,29 @@
         .on('click.fndtn.forms touchend.fndtn.forms', 'form.custom div.custom.dropdown li', function (e) {
           var $this = $(this),
               $customDropdown = $this.closest('div.custom.dropdown'),
-              $select = $customDropdown.prev(),
+              $select = getFirstPrevSibling($customDropdown, 'select'),
               selectedIndex = 0;
 
           e.preventDefault();
           e.stopPropagation();
 
-          if ( ! $(this).hasClass('disabled')) {
+          if (!$(this).hasClass('disabled')) {
             $('div.dropdown').not($customDropdown).removeClass('open');
 
-            var $oldThis= $this
-              .closest('ul')
+            var $oldThis = $this.closest('ul')
               .find('li.selected');
             $oldThis.removeClass('selected');
 
             $this.addClass('selected');
 
-            $customDropdown
-              .removeClass('open')
+            $customDropdown.removeClass('open')
               .find('a.current')
-              .html($this.html());
+              .text($this.text());
 
             $this.closest('ul').find('li').each(function (index) {
-              if ($this[0] == this) {
+              if ($this[0] === this) {
                 selectedIndex = index;
               }
-
             });
             $select[0].selectedIndex = selectedIndex;
 
@@ -150,15 +152,94 @@
             $select.data('prevalue', $oldThis.html());
             $select.trigger('change');
           }
-        });
+      });
+
+      $(window).on('keydown', function (e) {
+        var focus = document.activeElement,
+            self = Foundation.libs.forms,
+            dropdown = $('.custom.dropdown.open');
+
+        if (dropdown.length > 0) {
+          e.preventDefault();
+
+          if (e.which === 13) {
+            dropdown.find('li.selected').trigger('click');
+          }
+
+          if (e.which === 27) {
+            dropdown.removeClass('open');
+          }
+
+          if (e.which >= 65 && e.which <= 90) {
+            var next = self.go_to(dropdown, e.which),
+                current = dropdown.find('li.selected');
+
+            if (next) {
+              current.removeClass('selected');
+              self.scrollTo(next.addClass('selected'), 300);
+            }
+          }
+
+          if (e.which === 38) {
+            var current = dropdown.find('li.selected'),
+                prev = current.prev(':not(.disabled)');
+
+            if (prev.length > 0) {
+              prev.parent()[0].scrollTop = prev.parent().scrollTop() - self.outerHeight(prev);
+              current.removeClass('selected');
+              prev.addClass('selected');
+            }
+          } else if (e.which === 40) {
+            var current = dropdown.find('li.selected'),
+                next = current.next(':not(.disabled)');
+
+            if (next.length > 0) {
+              next.parent()[0].scrollTop = next.parent().scrollTop() + self.outerHeight(next);
+              current.removeClass('selected');
+              next.addClass('selected');
+            }
+          }
+        }
+      });
 
       this.settings.init = true;
     },
 
-    append_custom_markup : function (idx, sel) {
-      var $this = $(sel).hide(),
-          type  = $this.attr('type'),
+    go_to: function (dropdown, character) {
+      var lis = dropdown.find('li'),
+          count = lis.length;
+
+      if (count > 0) {
+        for (var i = 0; i < count; i++) {
+          var first_letter = lis.eq(i).text().charAt(0).toLowerCase();
+          if (first_letter === String.fromCharCode(character).toLowerCase()) return lis.eq(i);
+        }
+      }
+    },
+
+    scrollTo: function (el, duration) {
+      if (duration < 0) return;
+      var parent = el.parent();
+      var li_height = this.outerHeight(el);
+      var difference = (li_height * (el.index())) - parent.scrollTop();
+      var perTick = difference / duration * 10;
+
+      this.scrollToTimerCache = setTimeout(function () {
+        if (!isNaN(parseInt(perTick, 10))) {
+          parent[0].scrollTop = parent.scrollTop() + perTick;
+          this.scrollTo(el, duration - 10);
+        }
+      }.bind(this), 10);
+    },
+
+    append_custom_markup: function (idx, sel) {
+      var $this = $(sel),
+          type = $this.attr('type'),
           $span = $this.next('span.custom.' + type);
+          
+      if (!$this.parent().hasClass('switch')) {
+        $this.addClass('hidden-field');
+      }
 
       if ($span.length === 0) {
         $span = $('<span class="custom ' + type + '"></span>').insertAfter($this);
@@ -168,133 +249,157 @@
       $span.toggleClass('disabled', $this.is(':disabled'));
     },
 
-    append_custom_select : function (idx, sel) {
-      var self = Foundation.libs.forms,
-          $this = $( sel ),
-          $customSelect = $this.next( 'div.custom.dropdown' ),
-          $customList = $customSelect.find( 'ul' ),
-          $selectCurrent = $customSelect.find( ".current" ),
-          $selector = $customSelect.find( ".selector" ),
-          $options = $this.find( 'option' ),
-          $selectedOption = $options.filter( ':selected' ),
-          maxWidth = 0,
-          liHtml = '',
-          $listItems,
-          $currentSelect = false;
-
-      if ($this.hasClass(self.settings.disable_class)) return;
-
-      if ($customSelect.length === 0) {
-        var customSelectSize = $this.hasClass( 'small' )   ? 'small'   :
-                               $this.hasClass( 'medium' )  ? 'medium'  :
-                               $this.hasClass( 'large' )   ? 'large'   :
-                               $this.hasClass( 'expand' )  ? 'expand'  : '';
-
-        $customSelect = $('<div class="' + ['custom', 'dropdown', customSelectSize ].join( ' ' ) + '"><a href="#" class="selector"></a><ul /></div>');
-        $selector = $customSelect.find(".selector");
-        $customList = $customSelect.find("ul");
-        liHtml = $options.map(function() { return "<li>" + $( this ).html() + "</li>"; } ).get().join( '' );
-        $customList.append(liHtml);
-        $currentSelect = $customSelect.prepend('<a href="#" class="current">' + $selectedOption.html() + '</a>' ).find( ".current" );
-        $this
-          .after( $customSelect )
-          .hide();
-
-      } else {
-        liHtml = $options.map(function() {
-            return "<li>" + $( this ).html() + "</li>";
-          })
-          .get().join('');
-        $customList
-          .html('')
-          .append(liHtml);
-
-      } // endif $customSelect.length === 0
-      $customSelect.toggleClass('disabled', $this.is( ':disabled' ) );
-      $listItems = $customList.find( 'li' );
-
-      $options.each( function ( index ) {
-        if ( this.selected ) {
-          $listItems.eq( index ).addClass( 'selected' );
-
-          if ($currentSelect) {
-            $currentSelect.html( $( this ).html() );
+    append_custom_select: function (idx, sel) {
+        var self = Foundation.libs.forms,
+            $this = $(sel),
+            $customSelect = $this.next('div.custom.dropdown'),
+            $customList = $customSelect.find('ul'),
+            $selectCurrent = $customSelect.find(".current"),
+            $selector = $customSelect.find(".selector"),
+            $options = $this.find('option'),
+            $selectedOption = $options.filter(':selected'),
+            copyClasses = $this.attr('class') ? $this.attr('class').split(' ') : [],
+            maxWidth = 0,
+            liHtml = '',
+            $listItems,
+            $currentSelect = false;
+
+        if ($customSelect.length === 0) {
+          var customSelectSize = $this.hasClass('small') ? 'small' : $this.hasClass('medium') ? 'medium' : $this.hasClass('large') ? 'large' : $this.hasClass('expand') ? 'expand' : '';
+
+          $customSelect = $('<div class="' + ['custom', 'dropdown', customSelectSize].concat(copyClasses).filter(function (item, idx, arr) {
+            if (item === '') return false;
+            return arr.indexOf(item) === idx;
+          }).join(' ') + '"><a href="#" class="selector"></a><ul /></div>');
+
+          $selector = $customSelect.find(".selector");
+          $customList = $customSelect.find("ul");
+
+          liHtml = $options.map(function () {
+            var copyClasses = $(this).attr('class') ? $(this).attr('class') : '';
+            return "<li class='" + copyClasses + "'>" + $(this).html() + "</li>";
+          }).get().join('');
+
+          $customList.append(liHtml);
+
+          $currentSelect = $customSelect
+            .prepend('<a href="#" class="current">' + $selectedOption.html() + '</a>')
+            .find(".current");
+
+          $this.after($customSelect)
+            .addClass('hidden-field');
+        } else {
+          liHtml = $options.map(function () {
+              return "<li>" + $(this).html() + "</li>";
+            })
+            .get().join('');
+
+          $customList.html('')
+            .append(liHtml);
+
+        } // endif $customSelect.length === 0
+
+        self.assign_id($this, $customSelect);
+        $customSelect.toggleClass('disabled', $this.is(':disabled'));
+        $listItems = $customList.find('li');
+
+        // cache list length
+        self.cache[$customSelect.data('id')] = $listItems.length;
+
+        $options.each(function (index) {
+          if (this.selected) {
+            $listItems.eq(index).addClass('selected');
+
+            if ($currentSelect) {
+              $currentSelect.html($(this).html());
+            }
+          }
+          if ($(this).is(':disabled')) {
+            $listItems.eq(index).addClass('disabled');
           }
+        });
 
-        }
-        if ($(this).is(':disabled')) {
-          $listItems.eq( index ).addClass( 'disabled' );
-        }
-      });
+        //
+        // If we're not specifying a predetermined form size.
+        //
+        if (!$customSelect.is('.small, .medium, .large, .expand')) {
 
-      //
-      // If we're not specifying a predetermined form size.
-      //
-      if (!$customSelect.is('.small, .medium, .large, .expand')) {
+          // ------------------------------------------------------------------------------------
+          // This is a work-around for when elements are contained within hidden parents.
+          // For example, when custom-form elements are inside of a hidden reveal modal.
+          //
+          // We need to display the current custom list element as well as hidden parent elements
+          // in order to properly calculate the list item element's width property.
+          // -------------------------------------------------------------------------------------
 
-        // ------------------------------------------------------------------------------------
-        // This is a work-around for when elements are contained within hidden parents.
-        // For example, when custom-form elements are inside of a hidden reveal modal.
-        //
-        // We need to display the current custom list element as well as hidden parent elements
-        // in order to properly calculate the list item element's width property.
-        // -------------------------------------------------------------------------------------
+          $customSelect.addClass('open');
+          //
+          // Quickly, display all parent elements.
+          // This should help us calcualate the width of the list item's within the drop down.
+          //
+          var self = Foundation.libs.forms;
+          self.hidden_fix.adjust($customList);
 
-        $customSelect.addClass( 'open' );
-        //
-        // Quickly, display all parent elements.
-        // This should help us calcualate the width of the list item's within the drop down.
-        //
-        var self = Foundation.libs.forms;
-        self.hidden_fix.adjust( $customList );
+          maxWidth = (self.outerWidth($listItems) > maxWidth) ? self.outerWidth($listItems) : maxWidth;
 
-        maxWidth = ( self.outerWidth($listItems) > maxWidth ) ? self.outerWidth($listItems) : maxWidth;
+          Foundation.libs.forms.hidden_fix.reset();
 
-        Foundation.libs.forms.hidden_fix.reset();
+          $customSelect.removeClass('open');
 
-        $customSelect.removeClass( 'open' );
+        } // endif
 
-      } // endif
+    },
 
+    assign_id: function ($select, $customSelect) {
+      var id = [+new Date(), Foundation.random_str(5)].join('-');
+      $select.attr('data-id', id);
+      $customSelect.attr('data-id', id);
     },
 
-    refresh_custom_select : function ($select) {
+    refresh_custom_select: function ($select, force_refresh) {
       var self = this;
       var maxWidth = 0,
-        $customSelect = $select.next(),
-        $options = $select.find('option');
+          $customSelect = $select.next(),
+          $options = $select.find('option'),
+          $listItems = $customSelect.find('li');
 
-      $customSelect.find('ul').html('');
+      if ($listItems.length !== this.cache[$customSelect.data('id')] || force_refresh) {
+        $customSelect.find('ul').html('');
 
-      $options.each(function () {
-        var $li = $('<li>' + $(this).html() + '</li>');
-        $customSelect.find('ul').append($li);
-      });
+        $options.each(function () {
+          var $li = $('<li>' + $(this).html() + '</li>');
+          $customSelect.find('ul').append($li);
+        });
 
-      // re-populate
-      $options.each(function (index) {
-        if (this.selected) {
-          $customSelect.find('li').eq(index).addClass('selected');
-          $customSelect.find('.current').html($(this).html());
-        }
-        if ($(this).is(':disabled')) {
-          $customSelect.find('li').eq(index).addClass('disabled');
-        }
-      });
+        // re-populate
+        $options.each(function (index) {
+          if (this.selected) {
+            $customSelect.find('li').eq(index).addClass('selected');
+            $customSelect.find('.current').html($(this).html());
+          }
+          if ($(this).is(':disabled')) {
+            $customSelect.find('li').eq(index).addClass('disabled');
+          }
+        });
 
-      // fix width
-      $customSelect.removeAttr('style')
-        .find('ul').removeAttr('style');
-      $customSelect.find('li').each(function () {
-        $customSelect.addClass('open');
-        if (self.outerWidth($(this)) > maxWidth) {
-          maxWidth = self.outerWidth($(this));
-        }
-        $customSelect.removeClass('open');
-      });
+        // fix width
+        $customSelect.removeAttr('style')
+          .find('ul').removeAttr('style');
+        $customSelect.find('li').each(function () {
+          $customSelect.addClass('open');
+          if (self.outerWidth($(this)) > maxWidth) {
+            maxWidth = self.outerWidth($(this));
+          }
+          $customSelect.removeClass('open');
+        });
+
+        $listItems = $customSelect.find('li');
+        // cache list length
+        this.cache[$customSelect.data('id')] = $listItems.length;
+      }
     },
 
-    toggle_checkbox : function ($element) {
+    toggle_checkbox: function ($element) {
       var $input = $element.prev(),
           input = $input[0];
 
@@ -306,98 +411,115 @@
       }
     },
 
-    toggle_radio : function ($element) {
-      var $input = $element.prev(),
-          $form = $input.closest('form.custom'),
-          input = $input[0];
+    toggle_radio: function ($element) {
+        var $input = $element.prev(),
+            $form = $input.closest('form.custom'),
+            input = $input[0];
 
-      if (false === $input.is(':disabled')) {
-        $form.find('input[type="radio"][name="' + this.escape($input.attr('name')) + '"]').next().not($element).removeClass('checked');
-        if ( !$element.hasClass('checked') ) {
-          $element.toggleClass('checked');
-        }
-        input.checked = $element.hasClass('checked');
+        if (false === $input.is(':disabled')) {
+          $form.find('input[type="radio"][name="' + this.escape($input.attr('name')) + '"]')
+            .next().not($element).removeClass('checked');
 
-        $input.trigger('change');
-      }
+          if (!$element.hasClass('checked')) {
+            $element.toggleClass('checked');
+          }
+
+          input.checked = $element.hasClass('checked');
+
+          $input.trigger('change');
+        }
     },
 
-    escape : function (text) {
+    escape: function (text) {
+      if (!text) return '';
       return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
     },
 
-    hidden_fix : {
-      /**
-       * Sets all hidden parent elements and self to visibile.
-       *
-       * @method adjust
-       * @param {jQuery Object} $child
-       */
+    hidden_fix: {
+        /**
+         * Sets all hidden parent elements and self to visibile.
+         *
+         * @method adjust
+         * @param {jQuery Object} $child
+         */
 
-      // We'll use this to temporarily store style properties.
-      tmp : [],
+        // We'll use this to temporarily store style properties.
+        tmp: [],
 
-      // We'll use this to set hidden parent elements.
-      hidden : null,
+        // We'll use this to set hidden parent elements.
+        hidden: null,
 
-      adjust : function( $child ) {
-        // Internal reference.
-        var _self = this;
+        adjust: function ($child) {
+          // Internal reference.
+          var _self = this;
 
-        // Set all hidden parent elements, including this element.
-        _self.hidden = $child.parents().andSelf().filter( ":hidden" );
+          // Set all hidden parent elements, including this element.
+          _self.hidden = $child.parents();
+          _self.hidden = _self.hidden.add($child).filter(":hidden");
 
-        // Loop through all hidden elements.
-        _self.hidden.each( function() {
+          // Loop through all hidden elements.
+          _self.hidden.each(function () {
 
-          // Cache the element.
-          var $elem = $( this );
+            // Cache the element.
+            var $elem = $(this);
 
-          // Store the style attribute.
-          // Undefined if element doesn't have a style attribute.
-          _self.tmp.push( $elem.attr( 'style' ) );
+            // Store the style attribute.
+            // Undefined if element doesn't have a style attribute.
+            _self.tmp.push($elem.attr('style'));
 
-          // Set the element's display property to block,
-          // but ensure it's visibility is hidden.
-          $elem.css( { 'visibility' : 'hidden', 'display' : 'block' } );
-        });
-
-      }, // end adjust
-
-      /**
-       * Resets the elements previous state.
-       *
-       * @method reset
-       */
-      reset : function() {
-        // Internal reference.
-        var _self = this;
-        // Loop through our hidden element collection.
-        _self.hidden.each( function( i ) {
-          // Cache this element.
-          var $elem = $( this ),
-              _tmp = _self.tmp[ i ]; // Get the stored 'style' value for this element.
-
-          // If the stored value is undefined.
-          if( _tmp === undefined )
+            // Set the element's display property to block,
+            // but ensure it's visibility is hidden.
+            $elem.css({
+                'visibility': 'hidden',
+                'display': 'block'
+            });
+          });
+
+        }, // end adjust
+
+        /**
+         * Resets the elements previous state.
+         *
+         * @method reset
+         */
+        reset: function () {
+          // Internal reference.
+          var _self = this;
+          // Loop through our hidden element collection.
+          _self.hidden.each(function (i) {
+            // Cache this element.
+            var $elem = $(this),
+                _tmp = _self.tmp[i]; // Get the stored 'style' value for this element.
+
+            // If the stored value is undefined.
+            if (_tmp === undefined)
             // Remove the style attribute.
-            $elem.removeAttr( 'style' );
-          else
+            $elem.removeAttr('style');
+            else
             // Otherwise, reset the element style attribute.
-            $elem.attr( 'style', _tmp );
-
-        });
-        // Reset the tmp array.
-        _self.tmp = [];
-        // Reset the hidden elements variable.
-        _self.hidden = null;
-
-      } // end reset
-
+            $elem.attr('style', _tmp);
+          });
+          // Reset the tmp array.
+          _self.tmp = [];
+          // Reset the hidden elements variable.
+          _self.hidden = null;
+
+        } // end reset
     },
 
-    off : function () {
+    off: function () {
       $(this.scope).off('.fndtn.forms');
+    },
+
+    reflow : function () {}
+  };
+
+  var getFirstPrevSibling = function($el, selector) {
+    var $el = $el.prev();
+    while ($el.length) {
+      if ($el.is(selector)) return $el;
+      $el = $el.prev();
     }
+    return $();
   };
-}(Foundation.zj, this, this.document));
+}(Foundation.zj, this, this.document));