foundation-rails 6.3.0.0 → 6.3.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d1cedd7d0dcc15b46602aa8e14e7bdaedd57ae4e
-  data.tar.gz: a283c3bd7399c328a21397ed7c6d364a0f937f82
+  metadata.gz: 44c6fa03a6aba665fa5a09ee0908e7af4abbc8d7
+  data.tar.gz: f787d99eb0247c1fc541610dfe367cc56a29c9f1
 SHA512:
-  metadata.gz: b413a6f613d8f887507ad294dd7a804747ac3f71498e27a50ac4720d4b742283f5893d85e5b6f175dc9ff984d84f16e783b7cfddf55c51b94b70fc6a43459dc0
-  data.tar.gz: dbaeefa8cc9fb6679c5b272978cc9ee0e7811523e71abb5900bf7c6b988b48e21008a91c4c08715079954741221d85c05300b6f6ebf68dfbd498669b66bf0390
+  metadata.gz: 81a54ac83a0ae2d36889c80067ce0750cc2f865780d0984dbbfcc6d7cb6ee865505ee9b9b229f51e02651b7cc83fd8a5af94b5938daa2ec590758da489c85e55
+  data.tar.gz: 5696ef58423e67802762a07e74e672f20b60bcd4cdb91593af817d50b5aeaac0cef673b8b098107081116586b8e541a233409ea1354f189f394b7af2c15e5364

data/.ruby-version

@@ -1 +1 @@
-2.1.2
+2.2.2

data/.travis.yml

@@ -5,7 +5,7 @@ sudo: false
 cache: bundler
 
 rvm:
-  - 2.2
+  - 2.2.2
 
 notifications:
   email: false

data/LICENSE.txt

@@ -1,4 +1,4 @@
-Copyright (c) 2016 ZURB Inc.
+Copyright (c) 2017 ZURB Inc.
 
 MIT License
 

data/Rakefile

@@ -34,7 +34,7 @@ namespace :assets do
   desc 'Remove old Foundation for Sites assets'
   task :clean do
     sh 'rm -rf vendor'
-    sh 'mkdir -p vendor/assets/js/ vendor/assets/scss vendor/assets/scss/motion-ui'
+    sh 'mkdir -p vendor/assets/js/ vendor/assets/scss vendor/assets/scss/motion-ui vendor/assets/_vendor'
   end
 
 end

data/bower.json

@@ -1,8 +1,8 @@
 {
   "name": "foundation-rails",
-  "version": "6.3.0.0",
+  "version": "6.3.1.0",
   "dependencies": {
-    "foundation-sites": "6.3.0",
+    "foundation-sites": "6.3.1",
     "motion-ui": "1.2.2"
   }
 }

data/lib/foundation/rails/version.rb

@@ -1,5 +1,5 @@
 module Foundation
   module Rails
-    VERSION = "6.3.0.0"
+    VERSION = "6.3.1.0"
   end
 end

data/lib/generators/foundation/templates/_settings.scss

@@ -618,4 +618,3 @@ $topbar-submenu-background: $topbar-background;
 $topbar-title-spacing: 0.5rem 1rem 0.5rem 0;
 $topbar-input-width: 200px;
 $topbar-unstack-breakpoint: medium;
-

data/vendor/assets/js/foundation.abide.js.es6

@@ -110,9 +110,11 @@ class Abide {
   }
 
   /**
-   * Based on $el, get the first element with selector in this order:
-   * 1. The element's direct sibling('s).
-   * 3. The element's parent's children.
+   * Get:
+   * - Based on $el, the first element(s) corresponding to `formErrorSelector` in this order:
+   *   1. The element's direct sibling('s).
+   *   2. The element's parent's children.
+   * - Element(s) with the attribute `[data-form-error-for]` set with the element's id.
    *
    * This allows for multiple form errors per input, though if none are found, no form errors will be shown.
    *
@@ -120,12 +122,15 @@ class Abide {
    * @returns {Object} jQuery object with the selector.
    */
   findFormError($el) {
+    var id = $el[0].id;
     var $error = $el.siblings(this.options.formErrorSelector);
 
     if (!$error.length) {
       $error = $el.parent().find(this.options.formErrorSelector);
     }
 
+    $error = $error.add(this.$element.find(`[data-form-error-for="${id}"]`));
+
     return $error;
   }
 
@@ -237,7 +242,8 @@ class Abide {
   }
 
   /**
-   * Goes through a form to find inputs and proceeds to validate them in ways specific to their type
+   * Goes through a form to find inputs and proceeds to validate them in ways specific to their type. 
+   * Ignores inputs with data-abide-ignore, type="hidden" or disabled attributes set
    * @fires Abide#invalid
    * @fires Abide#valid
    * @param {Object} element - jQuery object to validate, should be an HTML input
@@ -250,8 +256,8 @@ class Abide {
         validator = $el.attr('data-validator'),
         equalTo = true;
 
-    // don't validate ignored inputs or hidden inputs
-    if ($el.is('[data-abide-ignore]') || $el.is('[type="hidden"]')) {
+    // don't validate ignored inputs or hidden inputs or disabled inputs
+    if ($el.is('[data-abide-ignore]') || $el.is('[type="hidden"]') || $el.is('[disabled]')) {
       return true;
     }
 
@@ -472,49 +478,56 @@ Abide.defaults = {
    * The default event to validate inputs. Checkboxes and radios validate immediately.
    * Remove or change this value for manual validation.
    * @option
-   * @example 'fieldChange'
+   * @type {?string}
+   * @default 'fieldChange'
    */
   validateOn: 'fieldChange',
 
   /**
    * Class to be applied to input labels on failed validation.
    * @option
-   * @example 'is-invalid-label'
+   * @type {string}
+   * @default 'is-invalid-label'
    */
   labelErrorClass: 'is-invalid-label',
 
   /**
    * Class to be applied to inputs on failed validation.
    * @option
-   * @example 'is-invalid-input'
+   * @type {string}
+   * @default 'is-invalid-input'
    */
   inputErrorClass: 'is-invalid-input',
 
   /**
    * Class selector to use to target Form Errors for show/hide.
    * @option
-   * @example '.form-error'
+   * @type {string}
+   * @default '.form-error'
    */
   formErrorSelector: '.form-error',
 
   /**
    * Class added to Form Errors on failed validation.
    * @option
-   * @example 'is-visible'
+   * @type {string}
+   * @default 'is-visible'
    */
   formErrorClass: 'is-visible',
 
   /**
    * Set to true to validate text inputs on any value change.
    * @option
-   * @example false
+   * @type {boolean}
+   * @default false
    */
   liveValidate: false,
 
   /**
    * Set to true to validate inputs on blur.
    * @option
-   * @example false
+   * @type {boolean}
+   * @default false
    */
   validateOnBlur: false,
 

data/vendor/assets/js/foundation.accordion.js.es6

@@ -57,9 +57,48 @@ class Accordion {
       $content.attr({'role': 'tabpanel', 'aria-labelledby': linkId, 'aria-hidden': true, 'id': id});
     });
     var $initActive = this.$element.find('.is-active').children('[data-tab-content]');
+    this.firstTimeInit = true;
     if($initActive.length){
-      this.down($initActive, true);
+      this.down($initActive, this.firstTimeInit);
+      this.firstTimeInit = false;
     }
+
+    this._checkDeepLink = () => {
+      var anchor = window.location.hash;
+      //need a hash and a relevant anchor in this tabset
+      if(anchor.length) {
+        var $link = this.$element.find('[href$="'+anchor+'"]'),
+        $anchor = $(anchor);
+
+        if ($link.length && $anchor) {
+          if (!$link.parent('[data-accordion-item]').hasClass('is-active')) {
+            this.down($anchor, this.firstTimeInit);
+            this.firstTimeInit = false;
+          };
+
+          //roll up a little to show the titles
+          if (this.options.deepLinkSmudge) {
+            var _this = this;
+            $(window).load(function() {
+              var offset = _this.$element.offset();
+              $('html, body').animate({ scrollTop: offset.top }, _this.options.deepLinkSmudgeDelay);
+            });
+          }
+
+          /**
+            * Fires when the zplugin has deeplinked at pageload
+            * @event Accordion#deeplink
+            */
+          this.$element.trigger('deeplink.zf.accordion', [$link, $anchor]);
+        }
+      }
+    }
+
+    //use browser to open a tab, if it exists in this tabset
+    if (this.options.deepLink) {
+      this._checkDeepLink();
+    }
+
     this._events();
   }
 
@@ -103,6 +142,9 @@ class Accordion {
         });
       }
     });
+    if(this.options.deepLink) {
+      $(window).on('popstate', this._checkDeepLink);
+    }
   }
 
   /**
@@ -116,6 +158,16 @@ class Accordion {
     } else {
       this.down($target);
     }
+    //either replace or update browser history
+    if (this.options.deepLink) {
+      var anchor = $target.prev('a').attr('href');
+
+      if (this.options.updateHistory) {
+        history.pushState({}, '', anchor);
+      } else {
+        history.replaceState({}, '', anchor);
+      }
+    }
   }
 
   /**
@@ -194,6 +246,9 @@ class Accordion {
   destroy() {
     this.$element.find('[data-tab-content]').stop(true).slideUp(0).css('display', '');
     this.$element.find('a').off('.zf.accordion');
+    if(this.options.deepLink) {
+      $(window).off('popstate', this._checkDeepLink);
+    }
 
     Foundation.unregisterPlugin(this);
   }
@@ -203,21 +258,55 @@ Accordion.defaults = {
   /**
    * Amount of time to animate the opening of an accordion pane.
    * @option
-   * @example 250
+   * @type {number}
+   * @default 250
    */
   slideSpeed: 250,
   /**
    * Allow the accordion to have multiple open panes.
    * @option
-   * @example false
+   * @type {boolean}
+   * @default false
    */
   multiExpand: false,
   /**
    * Allow the accordion to close all panes.
    * @option
-   * @example false
+   * @type {boolean}
+   * @default false
+   */
+  allowAllClosed: false,
+  /**
+   * Allows the window to scroll to content of pane specified by hash anchor
+   * @option
+   * @type {boolean}
+   * @default false
+   */
+  deepLink: false,
+
+  /**
+   * Adjust the deep link scroll to make sure the top of the accordion panel is visible
+   * @option
+   * @type {boolean}
+   * @default false
+   */
+  deepLinkSmudge: false,
+
+  /**
+   * Animation time (ms) for the deep link adjustment
+   * @option
+   * @type {number}
+   * @default 300
+   */
+  deepLinkSmudgeDelay: 300,
+
+  /**
+   * Update the browser history with the open accordion
+   * @option
+   * @type {boolean}
+   * @default false
    */
-  allowAllClosed: false
+  updateHistory: false
 };
 
 // Window exports

data/vendor/assets/js/foundation.accordionMenu.js.es6

@@ -264,13 +264,15 @@ AccordionMenu.defaults = {
   /**
    * Amount of time to animate the opening of a submenu in ms.
    * @option
-   * @example 250
+   * @type {number}
+   * @default 250
    */
   slideSpeed: 250,
   /**
    * Allow the menu to have multiple open panes.
    * @option
-   * @example true
+   * @type {boolean}
+   * @default true
    */
   multiOpen: true
 };

data/vendor/assets/js/foundation.core.js.es6

@@ -2,7 +2,7 @@
 
 "use strict";
 
-var FOUNDATION_VERSION = '6.3.0';
+var FOUNDATION_VERSION = '6.3.1';
 
 // Global Foundation object
 // This is attached to the window, or used as a module for AMD/Browserify

data/vendor/assets/js/foundation.drilldown.js.es6

@@ -100,15 +100,20 @@ class Drilldown {
       _this._back($menu);
     });
 
+    this.$submenus.addClass('invisible');
     if(!this.options.autoHeight) {
       this.$submenus.addClass('drilldown-submenu-cover-previous');
     }
 
+    // create a wrapper on element if it doesn't exist.
     if(!this.$element.parent().hasClass('is-drilldown')){
       this.$wrapper = $(this.options.wrapper).addClass('is-drilldown');
       if(this.options.animateHeight) this.$wrapper.addClass('animate-height');
-      this.$wrapper = this.$element.wrap(this.$wrapper).parent().css(this._getMaxDims());
+      this.$element.wrap(this.$wrapper);
     }
+    // set wrapper
+    this.$wrapper = this.$element.parent();
+    this.$wrapper.css(this._getMaxDims());
   }
 
   _resize() {
@@ -223,15 +228,20 @@ class Drilldown {
         },
         up: function() {
           $prevElement.focus();
-          return true;
+          // Don't tap focus on first element in root ul
+          return !$element.is(_this.$element.find('> li:first-child > a'));
         },
         down: function() {
           $nextElement.focus();
-          return true;
+          // Don't tap focus on last element in root ul
+          return !$element.is(_this.$element.find('> li:last-child > a'));
         },
         close: function() {
-          _this._back();
-          //_this.$menuItems.first().focus(); // focus to first element
+          // Don't close on element in root ul
+          if (!$element.is(_this.$element.find('> li > a'))) {
+            _this._hide($element.parent().parent());
+            $element.parent().parent().siblings('a').focus();
+          }
         },
         open: function() {
           if (!$element.is(_this.$menuItems)) { // not menu item means back button
@@ -327,7 +337,7 @@ class Drilldown {
   _show($elem) {
     if(this.options.autoHeight) this.$wrapper.css({height:$elem.children('[data-submenu]').data('calcHeight')});
     $elem.attr('aria-expanded', true);
-    $elem.children('[data-submenu]').addClass('is-active').attr('aria-hidden', false);
+    $elem.children('[data-submenu]').addClass('is-active').removeClass('invisible').attr('aria-hidden', false);
     /**
      * Fires when the submenu has opened.
      * @event Drilldown#open
@@ -349,7 +359,7 @@ class Drilldown {
     $elem.addClass('is-closing')
          .one(Foundation.transitionend($elem), function(){
            $elem.removeClass('is-active is-closing');
-           $elem.blur();
+           $elem.blur().addClass('invisible');
          });
     /**
      * Fires when the submenu has closed.
@@ -417,73 +427,86 @@ Drilldown.defaults = {
   /**
    * Markup used for JS generated back button. Prepended  or appended (see backButtonPosition) to submenu lists and deleted on `destroy` method, 'js-drilldown-back' class required. Remove the backslash (`\`) if copy and pasting.
    * @option
-   * @example '<\li><\a>Back<\/a><\/li>'
+   * @type {string}
+   * @default '<li class="js-drilldown-back"><a tabindex="0">Back</a></li>'
    */
   backButton: '<li class="js-drilldown-back"><a tabindex="0">Back</a></li>',
   /**
-   * Position the back button either at the top or bottom of drilldown submenus.
+   * Position the back button either at the top or bottom of drilldown submenus. Can be `'left'` or `'bottom'`.
    * @option
-   * @example bottom
+   * @type {string}
+   * @default top
    */
   backButtonPosition: 'top',
   /**
    * Markup used to wrap drilldown menu. Use a class name for independent styling; the JS applied class: `is-drilldown` is required. Remove the backslash (`\`) if copy and pasting.
    * @option
-   * @example '<\div class="is-drilldown"><\/div>'
+   * @type {string}
+   * @default '<div></div>'
    */
   wrapper: '<div></div>',
   /**
    * Adds the parent link to the submenu.
    * @option
-   * @example false
+   * @type {boolean}
+   * @default false
    */
   parentLink: false,
   /**
    * Allow the menu to return to root list on body click.
    * @option
-   * @example false
+   * @type {boolean}
+   * @default false
    */
   closeOnClick: false,
   /**
    * Allow the menu to auto adjust height.
    * @option
-   * @example false
+   * @type {boolean}
+   * @default false
    */
   autoHeight: false,
   /**
    * Animate the auto adjust height.
    * @option
-   * @example false
+   * @type {boolean}
+   * @default false
    */
   animateHeight: false,
   /**
    * Scroll to the top of the menu after opening a submenu or navigating back using the menu back button
    * @option
-   * @example false
+   * @type {boolean}
+   * @default false
    */
   scrollTop: false,
   /**
    * String jquery selector (for example 'body') of element to take offset().top from, if empty string the drilldown menu offset().top is taken
    * @option
-   * @example ''
+   * @type {string}
+   * @default ''
    */
   scrollTopElement: '',
   /**
    * ScrollTop offset
    * @option
-   * @example 100
+   * @type {number}
+   * @default 0
    */
   scrollTopOffset: 0,
   /**
    * Scroll animation duration
    * @option
-   * @example 500
+   * @type {number}
+   * @default 500
    */
   animationDuration: 500,
   /**
-   * Scroll animation easing
+   * Scroll animation easing. Can be `'swing'` or `'linear'`.
    * @option
-   * @example 'swing'
+   * @type {string}
+   * @see {@link https://api.jquery.com/animate|JQuery animate}
+   * @default 'swing'
    */
   animationEasing: 'swing'
   // holdOpen: false