RubyGems - foundation-rails - Versions diffs - 5.1.1.0 → 5.2.0.0 - Mend

foundation-rails 5.1.1.0 → 5.2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (64) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4f7470ef8271351ab6f7ba5a15740edfa392dcd4
-  data.tar.gz: f20728834e6c9cab6cd7e0e9da2f25ca1cc16722
+  metadata.gz: d0565600ca266c755998289b8d77379bd0b31ba3
+  data.tar.gz: 9a4a170972d2b69e39ef97dc7eee314d220777fb
 SHA512:
-  metadata.gz: 89748084b9a82a691a687e8125606084b357302d194d66db6c46be8fb0495b7a811782efb8d8a6d2bf114a497db8bc737196550b534043ac0ee35aa30e229dc4
-  data.tar.gz: cc373441d0b074b097295d8008b8abfb9edb1ba64036335d112fb50dc72983b6b788204a9194271c46ce4cbad2007f07cd0c77a5f5c3118cd351210d8b2f50b3
+  metadata.gz: 23576c610b2b0fee690f757fefb751485a88ea222efc2c4e3403d5b83f322cd27bc2a9d8eb7021232cdf739efed82740e1b09861a7b01adc03b40d9ced67c665
+  data.tar.gz: e265c33f51a99dfbcb1276dd408a1681bbfa4daa63157dcc6f1a29dc369f6116bafb40d47e92f52a819276305956d88172a63ccb70f7a77eacf0a22acc5a43fa

data/README.md CHANGED Viewed

@@ -1,12 +1,12 @@
 # Foundation::Rails
-The easiest way to use Foundation in your Rails app.
+Foundation::Rails is a gem to make it super easy to use Foundation in your upcoming Rails project. You can start using Foundation::Rails in your projects by following the instructions below.
 ## Installation
 Add this line to your application's Gemfile:
-    gem 'foundation-rails'
+    $ gem 'foundation-rails'
 And then execute:
@@ -16,13 +16,58 @@ Or install it yourself as:
     $ gem install foundation-rails
+### Configuring Foundation
+You can run the following command to add Foundation:
+    $ rails g foundation:install
+## Manual Installation
+### Add Foundation to your CSS
+Append the following line to your `app/assets/stylesheets/application.css` file:
+    /*= require foundation */
+If you're planning on using Sass, then you'll want to rename `application.css` to `application.scss`. That file should then look like:
+    @import "foundation_and_overrides";
+    /* Add imports of custom sass/scss files here */
+### Add Foundation to your JS
+Append the following lines to your `app/assets/javascripts/application.js` file:
+    //= require foundation
+    $(document).foundation();
+### Add Modernizr
+Make sure that Modernizr is included in the `<head>` of your page layout:
+    javascript_include_tag "vendor/modernizr"
+### Set Viewport Width
+Add the following line to the `head` of your page layout:
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 ## Usage
-After Foundation has been added to your `Gemfile` you can install it into your project by running:
+Run the generator to add foundation to the asset pipeline:
-```bash
-rails g foundation:install
-```
+    rails g foundation:install [layout_name] [options]
+    Options:
+      [--haml]  # Generate HAML layout instead of erb
+      [--slim]  # Generate Slim layout instead of erb
+    Runtime options:
+      -f, [--force]    # Overwrite files that already exist
+      -p, [--pretend]  # Run but do not make any changes
+      -q, [--quiet]    # Suppress status output
+      -s, [--skip]     # Skip files that already exist
 ## Contributing
@@ -36,4 +81,4 @@ rails g foundation:install
 * [Foundation Docs](http://foundation.zurb.com/docs/)
 * [Foundation Forum](http://foundation.zurb.com/forum)
-* [Foundation Training](http://foundation.zurb.com/learn/training.html)
+* [Foundation Training](http://foundation.zurb.com/learn/training.html)

data/bower.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "foundation-rails",
-  "version": "5.1.1.0",
+  "version": "5.2.0.0",
   "dependencies": {
-    "foundation": "5.1.1"
+    "foundation": "5.2.0"
   }
 }

data/lib/foundation/rails/version.rb CHANGED Viewed

@@ -1,5 +1,5 @@
 module Foundation
   module Rails
-    VERSION = "5.1.1.0"
+    VERSION = "5.2.0.0"
   end
 end

data/vendor/assets/javascripts/foundation/foundation.abide.js CHANGED Viewed

@@ -4,7 +4,7 @@
   Foundation.libs.abide = {
     name : 'abide',
-    version : '5.1.1',
+    version : '5.2.0',
     settings : {
       live_validate : true,
@@ -17,9 +17,6 @@
         integer: /^\d+$/,
         number: /-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?/,
-        // generic password: upper-case, lower-case, number/special character, and min 8 characters
-        password : /(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$/,
         // amex, visa, diners
         card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,
         cvv : /^([0-9]){3,4}$/,
@@ -73,7 +70,7 @@
             self.validate([this], e);
           })
           .on('keydown.fndtn.abide', function (e) {
-            var settings = $(this).closest('form').data('abide-init');
+            var settings = $(this).closest('form').data(self.attr_name(true) + '-init');
             if (settings.live_validate === true) {
               clearTimeout(self.timer);
               self.timer = setTimeout(function () {
@@ -180,7 +177,7 @@
         } else {
           if (el_patterns[i][1].test(value) && valid_length ||
-            !required && el.value.length < 1) {
+            !required && el.value.length < 1 || $(el).attr('disabled')) {
             this.S(el).removeAttr(this.invalid_attr);
             parent.removeClass('error');
             if (label.length > 0 && this.settings.error_labels) label.removeClass('error');

data/vendor/assets/javascripts/foundation/foundation.accordion.js CHANGED Viewed

@@ -4,7 +4,7 @@
   Foundation.libs.accordion = {
     name : 'accordion',
-    version : '5.1.1',
+    version : '5.2.0',
     settings : {
       active_class: 'active',
@@ -12,7 +12,7 @@
     },
     init : function (scope, method, options) {
-      this.bindings(method, options);
+      this.bindings(method, options);
     },
     events : function () {
@@ -20,7 +20,7 @@
       var S = this.S;
       S(this.scope)
       .off('.fndtn.accordion')
-      .on('click.fndtn.accordion', '[' + this.attr_name() + '] > dd > a', function (e) {
+      .on('click.fndtn.accordion', '[' + this.attr_name() + '] dd > a', function (e) {
         var accordion = S(this).closest('[' + self.attr_name() + ']'),
             target = S('#' + this.href.split('#')[1]),
             siblings = S('dd > .content', accordion),
@@ -28,9 +28,10 @@
             settings = accordion.data(self.attr_name(true) + '-init'),
             active_content = S('dd > .content.' + settings.active_class, accordion),
             active_parent = S('dd.' + settings.active_class, accordion);
         e.preventDefault();
+        if (! S(this).closest('dl').is(accordion)) { return; }
         if (active_content[0] == target[0] && settings.toggleable) {
           active_parent.toggleClass(settings.active_class, false);
           return target.toggleClass(settings.active_class, false);

data/vendor/assets/javascripts/foundation/foundation.alert.js CHANGED Viewed

@@ -4,7 +4,7 @@
   Foundation.libs.alert = {
     name : 'alert',
-    version : '5.1.1',
+    version : '5.2.0',
     settings : {
       animation: 'fadeOut',

data/vendor/assets/javascripts/foundation/foundation.clearing.js CHANGED Viewed

@@ -4,7 +4,7 @@
   Foundation.libs.clearing = {
     name : 'clearing',
-    version: '5.1.1',
+    version: '5.2.0',
     settings : {
       templates : {
@@ -31,7 +31,7 @@
       this.bindings(method, options);
-      if (self.S(this.scope).is('[' + this.attr_name() + ']')) {
+      if (self.S(this.scope).is('[' + this.attr_name() + ']')) {
         this.assemble(self.S('li', this.scope));
       } else {
         self.S('[' + this.attr_name() + ']', this.scope).each(function () {
@@ -44,6 +44,10 @@
       var self = this,
       S = self.S;
+      if ($('.scroll-container').length > 0) {
+        this.scope = $('.scroll-container');
+      }
       S(this.scope)
         .off('.clearing')
         .on('click.fndtn.clearing', 'ul[' + this.attr_name() + '] li',
@@ -80,8 +84,9 @@
         .on('click.fndtn.clearing', '.clearing-main-prev',
           function (e) { self.nav(e, 'prev') })
         .on('click.fndtn.clearing', this.settings.close_selectors,
-          function (e) { Foundation.libs.clearing.close(e, this) })
-        .on('keydown.fndtn.clearing',
+          function (e) { Foundation.libs.clearing.close(e, this) });
+      $(document).on('keydown.fndtn.clearing',
           function (e) { self.keydown(e) });
       S(window).off('.clearing').on('resize.fndtn.clearing',
@@ -164,11 +169,46 @@
     open : function ($image, current, target) {
       var self = this,
+          body = $(document.body),
           root = target.closest('.clearing-assembled'),
-          container = self.S('div', root).first(),
-          visible_image = self.S('.visible-img', container),
-          image = self.S('img', visible_image).not($image),
-          label = self.S('.clearing-touch-label', container);
+          container = $('div', root).first(),
+          visible_image = $('.visible-img', container),
+          image = $('img', visible_image).not($image),
+          label = $('.clearing-touch-label', '.clearing-blackout'),
+          error = false;
+      image.error(function () {
+        error = true;
+      });
+      function startLoad() {
+        setTimeout(function () {
+          this.image_loaded(image, function () {
+            if (image.outerWidth() === 1 && !error) {
+              startLoad.call(this);
+            } else {
+              cb.call(this, image);
+            }
+          }.bind(this));
+        }.bind(this), 50);
+      }
+      function cb (image) {
+        var $image = $(image);
+        image.css('visibility', 'visible');
+        // toggle the gallery
+        body.css('overflow', 'hidden');
+        root.addClass('clearing-blackout');
+        container.addClass('clearing-container');
+        visible_image.show();
+        this.fix_height(target)
+          .caption(self.S('.clearing-caption', visible_image), $image)
+          .center_and_label(image, label)
+          .shift(current, target, function () {
+            target.siblings().removeClass('visible');
+            target.addClass('visible');
+          });
+      }
       if (!this.locked()) {
         // set the image to the selected thumbnail
@@ -176,20 +216,8 @@
           .attr('src', this.load($image))
           .css('visibility', 'hidden');
-        this.image_loaded(image, function () {
-          image.css('visibility', 'visible');
-          // toggle the gallery
-          root.addClass('clearing-blackout');
-          container.addClass('clearing-container');
-          visible_image.show();
-          this.fix_height(target)
-            .caption(self.S('.clearing-caption', visible_image), $image)
-            .center_and_label(image,label)
-            .shift(current, target, function () {
-              target.siblings().removeClass('visible');
-              target.addClass('visible');
-            });
-        }.bind(this));
+        startLoad.call(this);
       }
     },
@@ -202,9 +230,11 @@
             } else {
               return target.closest('.clearing-blackout');
             }
-          }($(el))), container, visible_image;
+          }($(el))),
+          body = $(document.body), container, visible_image;
       if (el === e.target && root) {
+        body.css('overflow', '');
         container = $('div', root).first();
         visible_image = $('.visible-img', container);
         this.settings.prev_index = 0;
@@ -223,7 +253,7 @@
     },
     keydown : function (e) {
-      var clearing = $('ul[' + this.attr_name() + ']', '.clearing-blackout'),
+      var clearing = $('.clearing-blackout ul[' + this.attr_name() + ']'),
           NEXT_KEY = this.rtl ? 37 : 39,
           PREV_KEY = this.rtl ? 39 : 37,
           ESC_KEY = 27;
@@ -296,10 +326,13 @@
           marginLeft : -(target.outerWidth() / 2),
           marginTop : -(target.outerHeight() / 2)
         });
-        label.css({
-          marginLeft : -(label.outerWidth() / 2),
-          marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10
-        });
+        if (label.length > 0) {
+          label.css({
+            marginLeft : -(label.outerWidth() / 2),
+            marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10
+          });
+        }
       } else {
         target.css({
           marginRight : -(target.outerWidth() / 2),
@@ -307,12 +340,15 @@
           left: 'auto',
           right: '50%'
         });
-        label.css({
-          marginRight : -(label.outerWidth() / 2),
-          marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10,
-          left: 'auto',
-          right: '50%'
-        });
+        if (label.length > 0) {
+          label.css({
+            marginRight : -(label.outerWidth() / 2),
+            marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10,
+            left: 'auto',
+            right: '50%'
+          });
+        }
       }
       return this;
     },

data/vendor/assets/javascripts/foundation/foundation.dropdown.js CHANGED Viewed

@@ -4,10 +4,11 @@
   Foundation.libs.dropdown = {
     name : 'dropdown',
-    version : '5.1.1',
+    version : '5.2.0',
     settings : {
       active_class: 'open',
+      align: 'bottom',
       is_hover: false,
       opened: function(){},
       closed: function(){}
@@ -89,7 +90,9 @@
         .off('.dropdown')
         .on('resize.fndtn.dropdown', self.throttle(function () {
           self.resize.call(self);
-        }, 50)).trigger('resize');
+        }, 50));
+      this.resize();
     },
     close: function (dropdown) {
@@ -99,7 +102,8 @@
           self.S(this)
             .css(Foundation.rtl ? 'right':'left', '-99999px')
             .removeClass(self.settings.active_class);
-          self.S(this).trigger('closed');
+          self.S(this).trigger('closed', [dropdown]);
         }
       });
     },
@@ -115,7 +119,7 @@
         this
           .css(dropdown
             .addClass(this.settings.active_class), target);
-        dropdown.trigger('opened');
+        dropdown.trigger('opened', [dropdown, target]);
     },
     data_attr: function () {
@@ -153,43 +157,133 @@
     },
     css : function (dropdown, target) {
-      var offset_parent = dropdown.offsetParent(),
-          position = target.offset();
-      position.top -= offset_parent.offset().top;
-      position.left -= offset_parent.offset().left;
+      this.clear_idx();
       if (this.small()) {
-        dropdown.css({
+        var p = this.dirs.bottom.call(dropdown, target);
+        dropdown.attr('style', '').removeClass('drop-left drop-right drop-top').css({
           position : 'absolute',
           width: '95%',
           'max-width': 'none',
-          top: position.top + target.outerHeight()
+          top: p.top
         });
         dropdown.css(Foundation.rtl ? 'right':'left', '2.5%');
       } else {
-        if (!Foundation.rtl && this.S(window).width() > dropdown.outerWidth() + 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 - (dropdown.outerWidth() - target.outerWidth());
-        }
+        var settings = target.data(this.attr_name(true) + '-init') || this.settings;
-        dropdown.attr('style', '').css({
-          position : 'absolute',
-          top: position.top + target.outerHeight(),
-          left: left
-        });
+        this.style(dropdown, target, settings);
       }
       return dropdown;
     },
+    style : function (dropdown, target, settings) {
+      var css = $.extend({position: 'absolute'},
+        this.dirs[settings.align].call(dropdown, target, settings));
+      dropdown.attr('style', '').css(css);
+    },
+    // return CSS property object
+    // `this` is the dropdown
+    dirs : {
+      // Calculate target offset
+      _base : function (t) {
+        var o_p = this.offsetParent(),
+            o = o_p.offset(),
+            p = t.offset();
+        p.top -= o.top;
+        p.left -= o.left;
+        return p;
+      },
+      top: function (t, s) {
+        var self = Foundation.libs.dropdown,
+            p = self.dirs._base.call(this, t),
+            pip_offset_base = (t.outerWidth() / 2) - 8;
+        this.addClass('drop-top');
+        if (t.outerWidth() < this.outerWidth() || self.small()) {
+          self.adjust_pip(pip_offset_base, p);
+        }
+        if (Foundation.rtl) {
+          return {left: p.left - this.outerWidth() + t.outerWidth(),
+            top: p.top - this.outerHeight()};
+        }
+        return {left: p.left, top: p.top - this.outerHeight()};
+      },
+      bottom: function (t, s) {
+        var self = Foundation.libs.dropdown,
+            p = self.dirs._base.call(this, t),
+            pip_offset_base = (t.outerWidth() / 2) - 8;
+        if (t.outerWidth() < this.outerWidth() || self.small()) {
+          self.adjust_pip(pip_offset_base, p);
+        }
+        if (self.rtl) {
+          return {left: p.left - this.outerWidth() + t.outerWidth(), top: p.top + t.outerHeight()};
+        }
+        return {left: p.left, top: p.top + t.outerHeight()};
+      },
+      left: function (t, s) {
+        var p = Foundation.libs.dropdown.dirs._base.call(this, t);
+        this.addClass('drop-left');
+        return {left: p.left - this.outerWidth(), top: p.top};
+      },
+      right: function (t, s) {
+        var p = Foundation.libs.dropdown.dirs._base.call(this, t);
+        this.addClass('drop-right');
+        return {left: p.left + t.outerWidth(), top: p.top};
+      }
+    },
+    // Insert rule to style psuedo elements
+    adjust_pip : function (pip_offset_base, p) {
+      var sheet = Foundation.stylesheet;
+      if (this.small()) {
+        pip_offset_base += p.left - 8;
+      }
+      this.rule_idx = sheet.cssRules.length;
+      var sel_before = '.f-dropdown.open:before',
+          sel_after  = '.f-dropdown.open:after',
+          css_before = 'left: ' + pip_offset_base + 'px;',
+          css_after  = 'left: ' + (pip_offset_base - 1) + 'px;';
+      if (sheet.insertRule) {
+        sheet.insertRule([sel_before, '{', css_before, '}'].join(' '), this.rule_idx);
+        sheet.insertRule([sel_after, '{', css_after, '}'].join(' '), this.rule_idx + 1);
+      } else {
+        sheet.addRule(sel_before, css_before, this.rule_idx);
+        sheet.addRule(sel_after, css_after, this.rule_idx + 1);
+      }
+    },
+    // Remove old dropdown rule index
+    clear_idx : function () {
+      var sheet = Foundation.stylesheet;
+      if (this.rule_idx) {
+        sheet.deleteRule(this.rule_idx);
+        sheet.deleteRule(this.rule_idx);
+        delete this.rule_idx;
+      }
+    },
     small : function () {
       return matchMedia(Foundation.media_queries.small).matches &&
         !matchMedia(Foundation.media_queries.medium).matches;
@@ -200,7 +294,6 @@
       this.S('html, body').off('.fndtn.dropdown');
       this.S(window).off('.fndtn.dropdown');
       this.S('[data-dropdown-content]').off('.fndtn.dropdown');
-      this.settings.init = false;
     },
     reflow : function () {}