foundation-rails 6.1.2.0 → 6.2.0.0

data/vendor/assets/js/{foundation.dropdownMenu.js → foundation.dropdownMenu.js.es6}

@@ -1,3 +1,7 @@
+'use strict';
+
+!function($) {
+
 /**
  * DropdownMenu module.
  * @module foundation.dropdown-menu
@@ -5,9 +9,8 @@
  * @requires foundation.util.box
  * @requires foundation.util.nest
  */
-!function($, Foundation){
-  'use strict';
 
+class DropdownMenu {
   /**
    * Creates a new instance of DropdownMenu.
    * @class
@@ -15,7 +18,7 @@
    * @param {jQuery} element - jQuery object to make into a dropdown menu.
    * @param {Object} options - Overrides to the default plugin settings.
    */
-  function DropdownMenu(element, options){
+  constructor(element, options) {
     this.$element = element;
     this.options = $.extend({}, DropdownMenu.defaults, this.$element.data(), options);
 
@@ -34,95 +37,24 @@
     });
   }
 
-  /**
-   * Default settings for plugin
-   */
-  DropdownMenu.defaults = {
-    /**
-     * Disallows hover events from opening submenus
-     * @option
-     * @example false
-     */
-    disableHover: false,
-    /**
-     * Allow a submenu to automatically close on a mouseleave event, if not clicked open.
-     * @option
-     * @example true
-     */
-    autoclose: true,
-    /**
-     * Amount of time to delay opening a submenu on hover event.
-     * @option
-     * @example 50
-     */
-    hoverDelay: 50,
-    /**
-     * Allow a submenu to open/remain open on parent click event. Allows cursor to move away from menu.
-     * @option
-     * @example true
-     */
-    clickOpen: false,
-    /**
-     * Amount of time to delay closing a submenu on a mouseleave event.
-     * @option
-     * @example 500
-     */
-
-    closingTime: 500,
-    /**
-     * Position of the menu relative to what direction the submenus should open. Handled by JS.
-     * @option
-     * @example 'left'
-     */
-    alignment: 'left',
-    /**
-     * Allow clicks on the body to close any open submenus.
-     * @option
-     * @example true
-     */
-    closeOnClick: true,
-    /**
-     * Class applied to vertical oriented menus, Foundation default is `vertical`. Update this if using your own class.
-     * @option
-     * @example 'vertical'
-     */
-    verticalClass: 'vertical',
-    /**
-     * Class applied to right-side oriented menus, Foundation default is `align-right`. Update this if using your own class.
-     * @option
-     * @example 'align-right'
-     */
-    rightClass: 'align-right',
-    /**
-     * Boolean to force overide the clicking of links to perform default action, on second touch event for mobile.
-     * @option
-     * @example false
-     */
-    forceFollow: true
-  };
   /**
    * Initializes the plugin, and calls _prepareMenu
    * @private
    * @function
    */
-  DropdownMenu.prototype._init = function(){
+  _init() {
     var subs = this.$element.find('li.is-dropdown-submenu-parent');
     this.$element.children('.is-dropdown-submenu-parent').children('.is-dropdown-submenu').addClass('first-sub');
 
     this.$menuItems = this.$element.find('[role="menuitem"]');
     this.$tabs = this.$element.children('[role="menuitem"]');
-    this.isVert = this.$element.hasClass(this.options.verticalClass);
     this.$tabs.find('ul.is-dropdown-submenu').addClass(this.options.verticalClass);
 
-    if(this.$element.hasClass(this.options.rightClass) || this.options.alignment === 'right' || Foundation.rtl()){
+    if (this.$element.hasClass(this.options.rightClass) || this.options.alignment === 'right' || Foundation.rtl()) {
       this.options.alignment = 'right';
-      subs.addClass('is-left-arrow opens-left');
-    }else{
-      subs.addClass('is-right-arrow opens-right');
-    }
-    if(!this.isVert){
-      this.$tabs.filter('.is-dropdown-submenu-parent').removeClass('is-right-arrow is-left-arrow opens-right opens-left')
-          .addClass('is-down-arrow');
+      subs.addClass('opens-left');
+    } else {
+      subs.addClass('opens-right');
     }
     this.changed = false;
     this._events();
@@ -132,62 +64,62 @@
    * @private
    * @function
    */
-  DropdownMenu.prototype._events = function(){
+  _events() {
     var _this = this,
         hasTouch = 'ontouchstart' in window || (typeof window.ontouchstart !== 'undefined'),
         parClass = 'is-dropdown-submenu-parent';
 
-    if(this.options.clickOpen || hasTouch){
-      this.$menuItems.on('click.zf.dropdownmenu touchstart.zf.dropdownmenu', function(e){
-        var $elem = $(e.target).parentsUntil('ul', '.' + parClass),
+    if (this.options.clickOpen || hasTouch) {
+      this.$menuItems.on('click.zf.dropdownmenu touchstart.zf.dropdownmenu', function(e) {
+        var $elem = $(e.target).parentsUntil('ul', `.${parClass}`),
             hasSub = $elem.hasClass(parClass),
             hasClicked = $elem.attr('data-is-click') === 'true',
             $sub = $elem.children('.is-dropdown-submenu');
 
-        if(hasSub){
-          if(hasClicked){
-            if(!_this.options.closeOnClick || (!_this.options.clickOpen && !hasTouch) || (_this.options.forceFollow && hasTouch)){ return; }
-            else{
+        if (hasSub) {
+          if (hasClicked) {
+            if (!_this.options.closeOnClick || (!_this.options.clickOpen && !hasTouch) || (_this.options.forceFollow && hasTouch)) { return; }
+            else {
               e.stopImmediatePropagation();
               e.preventDefault();
               _this._hide($elem);
             }
-          }else{
+          } else {
             e.preventDefault();
             e.stopImmediatePropagation();
             _this._show($elem.children('.is-dropdown-submenu'));
-            $elem.add($elem.parentsUntil(_this.$element, '.' + parClass)).attr('data-is-click', true);
+            $elem.add($elem.parentsUntil(_this.$element, `.${parClass}`)).attr('data-is-click', true);
           }
-        }else{ return; }
+        } else { return; }
       });
     }
 
-    if(!this.options.disableHover){
-      this.$menuItems.on('mouseenter.zf.dropdownmenu', function(e){
+    if (!this.options.disableHover) {
+      this.$menuItems.on('mouseenter.zf.dropdownmenu', function(e) {
         e.stopImmediatePropagation();
         var $elem = $(this),
             hasSub = $elem.hasClass(parClass);
 
-        if(hasSub){
+        if (hasSub) {
           clearTimeout(_this.delay);
-          _this.delay = setTimeout(function(){
+          _this.delay = setTimeout(function() {
             _this._show($elem.children('.is-dropdown-submenu'));
           }, _this.options.hoverDelay);
         }
-      }).on('mouseleave.zf.dropdownmenu', function(e){
+      }).on('mouseleave.zf.dropdownmenu', function(e) {
         var $elem = $(this),
             hasSub = $elem.hasClass(parClass);
-        if(hasSub && _this.options.autoclose){
-          if($elem.attr('data-is-click') === 'true' && _this.options.clickOpen){ return false; }
+        if (hasSub && _this.options.autoclose) {
+          if ($elem.attr('data-is-click') === 'true' && _this.options.clickOpen) { return false; }
 
           clearTimeout(_this.delay);
-          _this.delay = setTimeout(function(){
+          _this.delay = setTimeout(function() {
             _this._hide($elem);
           }, _this.options.closingTime);
         }
       });
     }
-    this.$menuItems.on('keydown.zf.dropdownmenu', function(e){
+    this.$menuItems.on('keydown.zf.dropdownmenu', function(e) {
       var $element = $(e.target).parentsUntil('ul', '[role="menuitem"]'),
           isTab = _this.$tabs.index($element) > -1,
           $elements = isTab ? _this.$tabs : $element.siblings('li').add($element),
@@ -208,10 +140,10 @@
         $prevElement.children('a:first').focus();
       }, openSub = function() {
         var $sub = $element.children('ul.is-dropdown-submenu');
-        if($sub.length){
+        if ($sub.length) {
           _this._show($sub);
           $element.find('li > a:first').focus();
-        }else{ return; }
+        } else { return; }
       }, closeSub = function() {
         //if ($element.is(':first-child')) {
         var close = $element.parent('ul').parent('li');
@@ -276,24 +208,26 @@
       Foundation.Keyboard.handleKey(e, 'DropdownMenu', functions);
 
     });
-  };
+  }
+
   /**
    * Adds an event handler to the body to close any dropdowns on a click.
    * @function
    * @private
    */
-  DropdownMenu.prototype._addBodyHandler = function(){
+  _addBodyHandler() {
     var $body = $(document.body),
         _this = this;
     $body.off('mouseup.zf.dropdownmenu touchend.zf.dropdownmenu')
-         .on('mouseup.zf.dropdownmenu touchend.zf.dropdownmenu', function(e){
+         .on('mouseup.zf.dropdownmenu touchend.zf.dropdownmenu', function(e) {
            var $link = _this.$element.find(e.target);
-           if($link.length){ return; }
+           if ($link.length) { return; }
 
            _this._hide();
            $body.off('mouseup.zf.dropdownmenu touchend.zf.dropdownmenu');
          });
-  };
+  }
+
   /**
    * Opens a dropdown pane, and checks for collisions first.
    * @param {jQuery} $sub - ul element that is a submenu to show
@@ -301,8 +235,8 @@
    * @private
    * @fires DropdownMenu#show
    */
-  DropdownMenu.prototype._show = function($sub){
-    var idx = this.$tabs.index(this.$tabs.filter(function(i, el){
+  _show($sub) {
+    var idx = this.$tabs.index(this.$tabs.filter(function(i, el) {
       return $(el).find($sub).length > 0;
     }));
     var $sibs = $sub.parent('li.is-dropdown-submenu-parent').siblings('li.is-dropdown-submenu-parent');
@@ -311,24 +245,25 @@
         .parent('li.is-dropdown-submenu-parent').addClass('is-active')
         .attr({'aria-expanded': true});
     var clear = Foundation.Box.ImNotTouchingYou($sub, null, true);
-    if(!clear){
+    if (!clear) {
       var oldClass = this.options.alignment === 'left' ? '-right' : '-left',
           $parentLi = $sub.parent('.is-dropdown-submenu-parent');
-      $parentLi.removeClass('opens' + oldClass).addClass('opens-' + this.options.alignment);
+      $parentLi.removeClass(`opens${oldClass}`).addClass(`opens-${this.options.alignment}`);
       clear = Foundation.Box.ImNotTouchingYou($sub, null, true);
-      if(!clear){
-        $parentLi.removeClass('opens-' + this.options.alignment).addClass('opens-inner');
+      if (!clear) {
+        $parentLi.removeClass(`opens-${this.options.alignment}`).addClass('opens-inner');
       }
       this.changed = true;
     }
     $sub.css('visibility', '');
-    if(this.options.closeOnClick){ this._addBodyHandler(); }
+    if (this.options.closeOnClick) { this._addBodyHandler(); }
     /**
      * Fires when the new dropdown pane is visible.
      * @event DropdownMenu#show
      */
     this.$element.trigger('show.zf.dropdownmenu', [$sub]);
-  };
+  }
+
   /**
    * Hides a single, currently open dropdown pane, if passed a parameter, otherwise, hides everything.
    * @function
@@ -336,21 +271,21 @@
    * @param {Number} idx - index of the $tabs collection to hide
    * @private
    */
-  DropdownMenu.prototype._hide = function($elem, idx){
+  _hide($elem, idx) {
     var $toClose;
-    if($elem && $elem.length){
+    if ($elem && $elem.length) {
       $toClose = $elem;
-    }else if(idx !== undefined){
-      $toClose = this.$tabs.not(function(i, el){
+    } else if (idx !== undefined) {
+      $toClose = this.$tabs.not(function(i, el) {
         return i === idx;
       });
     }
-    else{
+    else {
       $toClose = this.$element;
     }
     var somethingToClose = $toClose.hasClass('is-active') || $toClose.find('.is-active').length > 0;
 
-    if(somethingToClose){
+    if (somethingToClose) {
       $toClose.find('li.is-active').add($toClose).attr({
         'aria-expanded': false,
         'data-is-click': false
@@ -360,11 +295,11 @@
         'aria-hidden': true
       }).removeClass('js-dropdown-active');
 
-      if(this.changed || $toClose.find('opens-inner').length){
+      if (this.changed || $toClose.find('opens-inner').length) {
         var oldClass = this.options.alignment === 'left' ? 'right' : 'left';
         $toClose.find('li.is-dropdown-submenu-parent').add($toClose)
-                .removeClass('opens-inner opens-' + this.options.alignment)
-                .addClass('opens-' + oldClass);
+                .removeClass(`opens-inner opens-${this.options.alignment}`)
+                .addClass(`opens-${oldClass}`);
         this.changed = false;
       }
       /**
@@ -373,18 +308,89 @@
        */
       this.$element.trigger('hide.zf.dropdownmenu', [$toClose]);
     }
-  };
+  }
+
   /**
    * Destroys the plugin.
    * @function
    */
-  DropdownMenu.prototype.destroy = function(){
+  destroy() {
     this.$menuItems.off('.zf.dropdownmenu').removeAttr('data-is-click')
         .removeClass('is-right-arrow is-left-arrow is-down-arrow opens-right opens-left opens-inner');
     $(document.body).off('.zf.dropdownmenu');
     Foundation.Nest.Burn(this.$element, 'dropdown');
     Foundation.unregisterPlugin(this);
-  };
+  }
+}
+
+/**
+ * Default settings for plugin
+ */
+DropdownMenu.defaults = {
+  /**
+   * Disallows hover events from opening submenus
+   * @option
+   * @example false
+   */
+  disableHover: false,
+  /**
+   * Allow a submenu to automatically close on a mouseleave event, if not clicked open.
+   * @option
+   * @example true
+   */
+  autoclose: true,
+  /**
+   * Amount of time to delay opening a submenu on hover event.
+   * @option
+   * @example 50
+   */
+  hoverDelay: 50,
+  /**
+   * Allow a submenu to open/remain open on parent click event. Allows cursor to move away from menu.
+   * @option
+   * @example true
+   */
+  clickOpen: false,
+  /**
+   * Amount of time to delay closing a submenu on a mouseleave event.
+   * @option
+   * @example 500
+   */
+
+  closingTime: 500,
+  /**
+   * Position of the menu relative to what direction the submenus should open. Handled by JS.
+   * @option
+   * @example 'left'
+   */
+  alignment: 'left',
+  /**
+   * Allow clicks on the body to close any open submenus.
+   * @option
+   * @example true
+   */
+  closeOnClick: true,
+  /**
+   * Class applied to vertical oriented menus, Foundation default is `vertical`. Update this if using your own class.
+   * @option
+   * @example 'vertical'
+   */
+  verticalClass: 'vertical',
+  /**
+   * Class applied to right-side oriented menus, Foundation default is `align-right`. Update this if using your own class.
+   * @option
+   * @example 'align-right'
+   */
+  rightClass: 'align-right',
+  /**
+   * Boolean to force overide the clicking of links to perform default action, on second touch event for mobile.
+   * @option
+   * @example false
+   */
+  forceFollow: true
+};
+
+// Window exports
+Foundation.plugin(DropdownMenu, 'DropdownMenu');
 
-  Foundation.plugin(DropdownMenu, 'DropdownMenu');
-}(jQuery, window.Foundation);
+}(jQuery);

data/vendor/assets/js/{foundation.equalizer.js → foundation.equalizer.js.es6}

@@ -1,6 +1,13 @@
-!function(Foundation, $) {
-  'use strict';
+'use strict';
 
+!function($) {
+
+/**
+ * Equalizer module.
+ * @module foundation.equalizer
+ */
+
+class Equalizer {
   /**
    * Creates a new instance of Equalizer.
    * @class
@@ -8,7 +15,7 @@
    * @param {Object} element - jQuery object to add the trigger to.
    * @param {Object} options - Overrides to the default plugin settings.
    */
-  function Equalizer(element, options){
+  constructor(element, options){
     this.$element = element;
     this.options  = $.extend({}, Equalizer.defaults, this.$element.data(), options);
 
@@ -17,37 +24,13 @@
     Foundation.registerPlugin(this, 'Equalizer');
   }
 
-  /**
-   * Default settings for plugin
-   */
-  Equalizer.defaults = {
-    /**
-     * Enable height equalization when stacked on smaller screens.
-     * @option
-     * @example true
-     */
-    equalizeOnStack: true,
-    /**
-     * Enable height equalization row by row.
-     * @option
-     * @example false
-     */
-    equalizeByRow: false,
-    /**
-     * String representing the minimum breakpoint size the plugin should equalize heights on.
-     * @option
-     * @example 'medium'
-     */
-    equalizeOn: ''
-  };
-
   /**
    * Initializes the Equalizer plugin and calls functions to get equalizer functioning on load.
    * @private
    */
-  Equalizer.prototype._init = function(){
+  _init() {
     var eqId = this.$element.attr('data-equalizer') || '';
-    var $watched = this.$element.find('[data-equalizer-watch="' + eqId + '"]');
+    var $watched = this.$element.find(`[data-equalizer-watch="${eqId}"]`);
 
     this.$watched = $watched.length ? $watched : this.$element.find('[data-equalizer-watch]');
     this.$element.attr('data-resize', (eqId || Foundation.GetYoDigits(6, 'eq')));
@@ -71,21 +54,22 @@
         this._reflow();
       }
     }
+  }
 
-  };
   /**
    * Removes event listeners if the breakpoint is too small.
    * @private
    */
-  Equalizer.prototype._pauseEvents = function(){
+  _pauseEvents() {
     this.isOn = false;
     this.$element.off('.zf.equalizer resizeme.zf.trigger');
-  };
+  }
+
   /**
    * Initializes events for Equalizer.
    * @private
    */
-  Equalizer.prototype._events = function(){
+  _events() {
     var _this = this;
     this._pauseEvents();
     if(this.hasNested){
@@ -96,12 +80,13 @@
       this.$element.on('resizeme.zf.trigger', this._reflow.bind(this));
     }
     this.isOn = true;
-  };
+  }
+
   /**
    * Checks the current breakpoint to the minimum required size.
    * @private
    */
-  Equalizer.prototype._checkMQ = function(){
+  _checkMQ() {
     var tooSmall = !Foundation.MediaQuery.atLeast(this.options.equalizeOn);
     if(tooSmall){
       if(this.isOn){
@@ -114,19 +99,21 @@
       }
     }
     return tooSmall;
-  };
+  }
+
   /**
    * A noop version for the plugin
    * @private
    */
-  Equalizer.prototype._killswitch = function(){
+  _killswitch() {
     return;
-  };
+  }
+
   /**
    * Calls necessary functions to update Equalizer upon DOM change
    * @private
    */
-  Equalizer.prototype._reflow = function(){
+  _reflow() {
     if(!this.options.equalizeOnStack){
       if(this._isStacked()){
         this.$watched.css('height', 'auto');
@@ -138,33 +125,36 @@
     }else{
       this.getHeights(this.applyHeight.bind(this));
     }
-  };
+  }
+
   /**
    * Manually determines if the first 2 elements are *NOT* stacked.
    * @private
    */
-  Equalizer.prototype._isStacked = function(){
+  _isStacked() {
     return this.$watched[0].offsetTop !== this.$watched[1].offsetTop;
-  };
+  }
+
   /**
    * Finds the outer heights of children contained within an Equalizer parent and returns them in an array
    * @param {Function} cb - A non-optional callback to return the heights array to.
    * @returns {Array} heights - An array of heights of children within Equalizer container
    */
-  Equalizer.prototype.getHeights = function(cb){
+  getHeights(cb) {
     var heights = [];
     for(var i = 0, len = this.$watched.length; i < len; i++){
       this.$watched[i].style.height = 'auto';
       heights.push(this.$watched[i].offsetHeight);
     }
     cb(heights);
-  };
+  }
+
   /**
    * Finds the outer heights of children contained within an Equalizer parent and returns them in an array
    * @param {Function} cb - A non-optional callback to return the heights array to.
    * @returns {Array} groups - An array of heights of children within Equalizer container grouped by row with element,height and max as last child
    */
-  Equalizer.prototype.getHeightsByRow = function(cb) {
+  getHeightsByRow(cb) {
     var lastElTopOffset = this.$watched.first().offset().top,
         groups = [],
         group = 0;
@@ -188,14 +178,15 @@
       groups[j].push(max);
     }
     cb(groups);
-  };
+  }
+
   /**
    * Changes the CSS height property of each child in an Equalizer parent to match the tallest
    * @param {array} heights - An array of heights of children within Equalizer container
    * @fires Equalizer#preequalized
    * @fires Equalizer#postequalized
    */
-  Equalizer.prototype.applyHeight = function(heights){
+  applyHeight(heights) {
     var max = Math.max.apply(null, heights);
     /**
      * Fires before the heights are applied
@@ -210,7 +201,8 @@
      * @event Equalizer#postequalized
      */
      this.$element.trigger('postequalized.zf.equalizer');
-  };
+  }
+
   /**
    * Changes the CSS height property of each child in an Equalizer parent to match the tallest by row
    * @param {array} groups - An array of heights of children within Equalizer container grouped by row with element,height and max as last child
@@ -219,7 +211,7 @@
    * @fires Equalizer#postequalizedRow
    * @fires Equalizer#postequalized
    */
-  Equalizer.prototype.applyHeightByRow = function(groups){
+  applyHeightByRow(groups) {
     /**
      * Fires before the heights are applied
      */
@@ -249,26 +241,45 @@
      * Fires when the heights have been applied
      */
      this.$element.trigger('postequalized.zf.equalizer');
-  };
+  }
+
   /**
    * Destroys an instance of Equalizer.
    * @function
    */
-  Equalizer.prototype.destroy = function(){
+  destroy() {
     this._pauseEvents();
     this.$watched.css('height', 'auto');
 
     Foundation.unregisterPlugin(this);
-  };
+  }
+}
 
-  Foundation.plugin(Equalizer, 'Equalizer');
+/**
+ * Default settings for plugin
+ */
+Equalizer.defaults = {
+  /**
+   * Enable height equalization when stacked on smaller screens.
+   * @option
+   * @example true
+   */
+  equalizeOnStack: true,
+  /**
+   * Enable height equalization row by row.
+   * @option
+   * @example false
+   */
+  equalizeByRow: false,
+  /**
+   * String representing the minimum breakpoint size the plugin should equalize heights on.
+   * @option
+   * @example 'medium'
+   */
+  equalizeOn: ''
+};
 
-  // Exports for AMD/Browserify
-  if (typeof module !== 'undefined' && typeof module.exports !== 'undefined')
-    module.exports = Equalizer;
-  if (typeof define === 'function')
-    define(['foundation'], function() {
-      return Equalizer;
-    });
+// Window exports
+Foundation.plugin(Equalizer, 'Equalizer');
 
-}(Foundation, jQuery);
+}(jQuery);