foundation-rails 6.1.2.0 → 6.2.0.0

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

@@ -1,12 +1,15 @@
+'use strict';
+
+!function($) {
+
 /**
  * Accordion module.
  * @module foundation.accordion
  * @requires foundation.util.keyboard
  * @requires foundation.util.motion
  */
-!function($, Foundation) {
-  'use strict';
 
+class Accordion {
   /**
    * Creates a new instance of an accordion.
    * @class
@@ -14,7 +17,7 @@
    * @param {jQuery} element - jQuery object to make into an accordion.
    * @param {Object} options - a plain object with settings to override the default options.
    */
-  function Accordion(element, options){
+  constructor(element, options) {
     this.$element = element;
     this.options = $.extend({}, Accordion.defaults, this.$element.data(), options);
 
@@ -29,32 +32,11 @@
     });
   }
 
-  Accordion.defaults = {
-    /**
-     * Amount of time to animate the opening of an accordion pane.
-     * @option
-     * @example 250
-     */
-    slideSpeed: 250,
-    /**
-     * Allow the accordion to have multiple open panes.
-     * @option
-     * @example false
-     */
-    multiExpand: false,
-    /**
-     * Allow the accordion to close all panes.
-     * @option
-     * @example false
-     */
-    allowAllClosed: false
-  };
-
   /**
    * Initializes the accordion by animating the preset active pane(s).
    * @private
    */
-  Accordion.prototype._init = function() {
+  _init() {
     this.$element.attr('role', 'tablist');
     this.$tabs = this.$element.children('li');
     if (this.$tabs.length === 0) {
@@ -65,7 +47,7 @@
       var $el = $(el),
           $content = $el.find('[data-tab-content]'),
           id = $content[0].id || Foundation.GetYoDigits(6, 'accordion'),
-          linkId = el.id || id + '-label';
+          linkId = el.id || `${id}-label`;
 
       $el.find('a:first').attr({
         'aria-controls': id,
@@ -81,21 +63,21 @@
       this.down($initActive, true);
     }
     this._events();
-  };
+  }
 
   /**
    * Adds event handlers for items within the accordion.
    * @private
    */
-  Accordion.prototype._events = function() {
+  _events() {
     var _this = this;
 
-    this.$tabs.each(function(){
+    this.$tabs.each(function() {
       var $elem = $(this);
       var $tabContent = $elem.children('[data-tab-content]');
       if ($tabContent.length) {
         $elem.children('a').off('click.zf.accordion keydown.zf.accordion')
-               .on('click.zf.accordion', function(e){
+               .on('click.zf.accordion', function(e) {
         // $(this).children('a').on('click.zf.accordion', function(e) {
           e.preventDefault();
           if ($elem.hasClass('is-active')) {
@@ -125,21 +107,23 @@
         });
       }
     });
-  };
+  }
+
   /**
    * Toggles the selected content pane's open/close state.
    * @param {jQuery} $target - jQuery object of the pane to toggle.
    * @function
    */
-  Accordion.prototype.toggle = function($target){
-    if($target.parent().hasClass('is-active')){
+  toggle($target) {
+    if($target.parent().hasClass('is-active')) {
       if(this.options.allowAllClosed || $target.parent().siblings().hasClass('is-active')){
         this.up($target);
-      }else{ return; }
-    }else{
+      } else { return; }
+    } else {
       this.down($target);
     }
-  };
+  }
+
   /**
    * Opens the accordion tab defined by `$target`.
    * @param {jQuery} $target - Accordion pane to open.
@@ -147,7 +131,7 @@
    * @fires Accordion#down
    * @function
    */
-  Accordion.prototype.down = function($target, firstTime) {
+  down($target, firstTime) {
     var _this = this;
     if(!this.options.multiExpand && !firstTime){
       var $currentActive = this.$element.find('.is-active').children('[data-tab-content]');
@@ -175,11 +159,11 @@
     // if(!firstTime){
     //   Foundation._reflow(this.$element.attr('data-accordion'));
     // }
-    $('#' + $target.attr('aria-labelledby')).attr({
+    $(`#${$target.attr('aria-labelledby')}`).attr({
       'aria-expanded': true,
       'aria-selected': true
     });
-  };
+  }
 
   /**
    * Closes the tab defined by `$target`.
@@ -187,12 +171,12 @@
    * @fires Accordion#up
    * @function
    */
-  Accordion.prototype.up = function($target) {
+  up($target) {
     var $aunts = $target.parent().siblings(),
         _this = this;
     var canClose = this.options.multiExpand ? $aunts.hasClass('is-active') : $target.parent().hasClass('is-active');
 
-    if(!this.options.allowAllClosed && !canClose){
+    if(!this.options.allowAllClosed && !canClose) {
       return;
     }
 
@@ -209,23 +193,47 @@
     $target.attr('aria-hidden', true)
            .parent().removeClass('is-active');
 
-    $('#' + $target.attr('aria-labelledby')).attr({
+    $(`#${$target.attr('aria-labelledby')}`).attr({
      'aria-expanded': false,
      'aria-selected': false
    });
-  };
+  }
 
   /**
    * Destroys an instance of an accordion.
    * @fires Accordion#destroyed
    * @function
    */
-  Accordion.prototype.destroy = function() {
+  destroy() {
     this.$element.find('[data-tab-content]').slideUp(0).css('display', '');
     this.$element.find('a').off('.zf.accordion');
 
     Foundation.unregisterPlugin(this);
-  };
+  }
+}
+
+Accordion.defaults = {
+  /**
+   * Amount of time to animate the opening of an accordion pane.
+   * @option
+   * @example 250
+   */
+  slideSpeed: 250,
+  /**
+   * Allow the accordion to have multiple open panes.
+   * @option
+   * @example false
+   */
+  multiExpand: false,
+  /**
+   * Allow the accordion to close all panes.
+   * @option
+   * @example false
+   */
+  allowAllClosed: false
+};
+
+// Window exports
+Foundation.plugin(Accordion, 'Accordion');
 
-  Foundation.plugin(Accordion, 'Accordion');
-}(jQuery, window.Foundation);
+}(jQuery);

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

@@ -1,3 +1,7 @@
+'use strict';
+
+!function($) {
+
 /**
  * AccordionMenu module.
  * @module foundation.accordionMenu
@@ -5,9 +9,8 @@
  * @requires foundation.util.motion
  * @requires foundation.util.nest
  */
-!function($) {
-  'use strict';
 
+class AccordionMenu {
   /**
    * Creates a new instance of an accordion menu.
    * @class
@@ -15,7 +18,7 @@
    * @param {jQuery} element - jQuery object to make into an accordion menu.
    * @param {Object} options - Overrides to the default plugin settings.
    */
-  function AccordionMenu(element, options) {
+  constructor(element, options) {
     this.$element = element;
     this.options = $.extend({}, AccordionMenu.defaults, this.$element.data(), options);
 
@@ -37,26 +40,13 @@
     });
   }
 
-  AccordionMenu.defaults = {
-    /**
-     * Amount of time to animate the opening of a submenu in ms.
-     * @option
-     * @example 250
-     */
-    slideSpeed: 250,
-    /**
-     * Allow the menu to have multiple open panes.
-     * @option
-     * @example true
-     */
-    multiOpen: true
-  };
+
 
   /**
    * Initializes the accordion menu by hiding all nested menus.
    * @private
    */
-  AccordionMenu.prototype._init = function() {
+  _init() {
     this.$element.find('[data-submenu]').not('.is-active').slideUp(0);//.find('a').css('padding-left', '1rem');
     this.$element.attr({
       'role': 'tablist',
@@ -91,13 +81,13 @@
       });
     }
     this._events();
-  };
+  }
 
   /**
    * Adds event handlers for items within the menu.
    * @private
    */
-  AccordionMenu.prototype._events = function() {
+  _events() {
     var _this = this;
 
     this.$element.find('li').each(function() {
@@ -172,20 +162,22 @@
         }
       });
     });//.attr('tabindex', 0);
-  };
+  }
+
   /**
    * Closes all panes of the menu.
    * @function
    */
-  AccordionMenu.prototype.hideAll = function(){
+  hideAll() {
     this.$element.find('[data-submenu]').slideUp(this.options.slideSpeed);
-  };
+  }
+
   /**
    * Toggles the open/close state of a submenu.
    * @function
    * @param {jQuery} $target - the submenu to toggle
    */
-  AccordionMenu.prototype.toggle = function($target){
+  toggle($target){
     if(!$target.is(':animated')) {
       if (!$target.is(':hidden')) {
         this.up($target);
@@ -194,23 +186,24 @@
         this.down($target);
       }
     }
-  };
+  }
+
   /**
    * Opens the sub-menu defined by `$target`.
    * @param {jQuery} $target - Sub-menu to open.
    * @fires AccordionMenu#down
    */
-  AccordionMenu.prototype.down = function($target) {
+  down($target) {
     var _this = this;
 
-    if(!this.options.multiOpen){
+    if(!this.options.multiOpen) {
       this.up(this.$element.find('.is-active').not($target.parentsUntil(this.$element).add($target)));
     }
 
     $target.addClass('is-active').attr({'aria-hidden': false})
       .parent('.is-accordion-submenu-parent').attr({'aria-expanded': true});
 
-      Foundation.Move(this.options.slideSpeed, $target, function(){
+      Foundation.Move(this.options.slideSpeed, $target, function() {
         $target.slideDown(_this.options.slideSpeed, function () {
           /**
            * Fires when the menu is done opening.
@@ -219,14 +212,14 @@
           _this.$element.trigger('down.zf.accordionMenu', [$target]);
         });
       });
-  };
+  }
 
   /**
    * Closes the sub-menu defined by `$target`. All sub-menus inside the target will be closed as well.
    * @param {jQuery} $target - Sub-menu to close.
    * @fires AccordionMenu#up
    */
-  AccordionMenu.prototype.up = function($target) {
+  up($target) {
     var _this = this;
     Foundation.Move(this.options.slideSpeed, $target, function(){
       $target.slideUp(_this.options.slideSpeed, function () {
@@ -241,19 +234,37 @@
     var $menus = $target.find('[data-submenu]').slideUp(0).addBack().attr('aria-hidden', true);
 
     $menus.parent('.is-accordion-submenu-parent').attr('aria-expanded', false);
-  };
+  }
 
   /**
    * Destroys an instance of accordion menu.
    * @fires AccordionMenu#destroyed
    */
-  AccordionMenu.prototype.destroy = function(){
+  destroy() {
     this.$element.find('[data-submenu]').slideDown(0).css('display', '');
     this.$element.find('a').off('click.zf.accordionMenu');
 
     Foundation.Nest.Burn(this.$element, 'accordion');
     Foundation.unregisterPlugin(this);
-  };
+  }
+}
+
+AccordionMenu.defaults = {
+  /**
+   * Amount of time to animate the opening of a submenu in ms.
+   * @option
+   * @example 250
+   */
+  slideSpeed: 250,
+  /**
+   * Allow the menu to have multiple open panes.
+   * @option
+   * @example true
+   */
+  multiOpen: true
+};
+
+// Window exports
+Foundation.plugin(AccordionMenu, 'AccordionMenu');
 
-  Foundation.plugin(AccordionMenu, 'AccordionMenu');
-}(jQuery, window.Foundation);
+}(jQuery);

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

@@ -1,7 +1,8 @@
 !function($) {
+
 "use strict";
 
-var FOUNDATION_VERSION = '6.1.2';
+var FOUNDATION_VERSION = '6.2.0';
 
 // Global Foundation object
 // This is attached to the window, or used as a module for AMD/Browserify
@@ -52,13 +53,13 @@ var Foundation = {
     var pluginName = name ? hyphenate(name) : functionName(plugin.constructor).toLowerCase();
     plugin.uuid = this.GetYoDigits(6, pluginName);
 
-    if(!plugin.$element.attr('data-' + pluginName)){ plugin.$element.attr('data-' + pluginName, plugin.uuid); }
+    if(!plugin.$element.attr(`data-${pluginName}`)){ plugin.$element.attr(`data-${pluginName}`, plugin.uuid); }
     if(!plugin.$element.data('zfPlugin')){ plugin.$element.data('zfPlugin', plugin); }
           /**
            * Fires when the plugin has initialized.
            * @event Plugin#init
            */
-    plugin.$element.trigger('init.zf.' + pluginName);
+    plugin.$element.trigger(`init.zf.${pluginName}`);
 
     this._uuids.push(plugin.uuid);
 
@@ -76,12 +77,12 @@ var Foundation = {
     var pluginName = hyphenate(functionName(plugin.$element.data('zfPlugin').constructor));
 
     this._uuids.splice(this._uuids.indexOf(plugin.uuid), 1);
-    plugin.$element.removeAttr('data-' + pluginName).removeData('zfPlugin')
+    plugin.$element.removeAttr(`data-${pluginName}`).removeData('zfPlugin')
           /**
            * Fires when the plugin has been destroyed.
            * @event Plugin#destroyed
            */
-          .trigger('destroyed.zf.' + pluginName);
+          .trigger(`destroyed.zf.${pluginName}`);
     for(var prop in plugin){
       plugin[prop] = null;//clean up script to prep for garbage collection.
     }
@@ -107,10 +108,12 @@ var Foundation = {
          fns = {
            'object': function(plgs){
              plgs.forEach(function(p){
+               p = hyphenate(p);
                $('[data-'+ p +']').foundation('_init');
              });
            },
            'string': function(){
+             plugins = hyphenate(plugins);
              $('[data-'+ plugins +']').foundation('_init');
            },
            'undefined': function(){
@@ -136,7 +139,7 @@ var Foundation = {
    */
   GetYoDigits: function(length, namespace){
     length = length || 6;
-    return Math.round((Math.pow(36, length + 1) - Math.random() * Math.pow(36, length))).toString(36).slice(1) + (namespace ? '-' + namespace : '');
+    return Math.round((Math.pow(36, length + 1) - Math.random() * Math.pow(36, length))).toString(36).slice(1) + (namespace ? `-${namespace}` : '');
   },
   /**
    * Initialize plugins on any elements within `elem` (and `elem` itself) that aren't already initialized.
@@ -217,7 +220,6 @@ var Foundation = {
   }
 };
 
-
 Foundation.util = {
   /**
    * Function for applying a debounce effect to a function call.
@@ -279,7 +281,7 @@ var foundation = function(method) {
       throw new ReferenceError("We're sorry, '" + method + "' is not an available method for " + (plugClass ? functionName(plugClass) : 'this element') + '.');
     }
   }else{//error for invalid argument type
-    throw new TypeError("We're sorry, '" + type + "' is not a valid parameter. You must use a string representing the method you wish to invoke.");
+    throw new TypeError(`We're sorry, ${type} is not a valid parameter. You must use a string representing the method you wish to invoke.`);
   }
   return this;
 };