foundation-rails 6.3.1.0 → 6.4.1.0

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

@@ -0,0 +1,52 @@
+"use strict";
+
+import $ from 'jquery';
+
+// Core Foundation Utilities, utilized in a number of places.
+
+  /**
+   * Returns a boolean for RTL support
+   */
+function rtl() {
+  return $('html').attr('dir') === 'rtl';
+}
+
+/**
+ * returns a random base-36 uid with namespacing
+ * @function
+ * @param {Number} length - number of random base-36 digits desired. Increase for more random strings.
+ * @param {String} namespace - name of plugin to be incorporated in uid, optional.
+ * @default {String} '' - if no plugin name is provided, nothing is appended to the uid.
+ * @returns {String} - unique id
+ */
+function GetYoDigits(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}` : '');
+}
+
+function transitionend($elem){
+  var transitions = {
+    'transition': 'transitionend',
+    'WebkitTransition': 'webkitTransitionEnd',
+    'MozTransition': 'transitionend',
+    'OTransition': 'otransitionend'
+  };
+  var elem = document.createElement('div'),
+      end;
+
+  for (var t in transitions){
+    if (typeof elem.style[t] !== 'undefined'){
+      end = transitions[t];
+    }
+  }
+  if(end){
+    return end;
+  }else{
+    end = setTimeout(function(){
+      $elem.triggerHandler('transitionend', [$elem]);
+    }, 1);
+    return 'transitionend';
+  }
+}
+
+export {rtl, GetYoDigits, transitionend};

data/vendor/assets/js/foundation.util.imageLoader.js.es6

@@ -0,0 +1,45 @@
+'use strict';
+
+import $ from 'jquery';
+
+/**
+ * Runs a callback function when images are fully loaded.
+ * @param {Object} images - Image(s) to check if loaded.
+ * @param {Func} callback - Function to execute when image is fully loaded.
+ */
+function onImagesLoaded(images, callback){
+  var self = this,
+      unloaded = images.length;
+
+  if (unloaded === 0) {
+    callback();
+  }
+
+  images.each(function(){
+    // Check if image is loaded
+    if (this.complete && this.naturalWidth !== undefined) {
+      singleImageLoaded();
+    }
+    else {
+      // If the above check failed, simulate loading on detached element.
+      var image = new Image();
+      // Still count image as loaded if it finalizes with an error.
+      var events = "load.zf.images error.zf.images";
+      $(image).one(events, function me(event){
+        // Unbind the event listeners. We're using 'one' but only one of the two events will have fired.
+        $(this).off(events, me);
+        singleImageLoaded();
+      });
+      image.src = $(this).attr('src');
+    }
+  });
+
+  function singleImageLoaded() {
+    unloaded--;
+    if (unloaded === 0) {
+      callback();
+    }
+  }
+}
+
+export { onImagesLoaded };

data/vendor/assets/js/foundation.util.keyboard.js.es6

@@ -8,13 +8,16 @@
 
 'use strict';
 
-!function($) {
+import $ from 'jquery';
+import { rtl as Rtl } from './foundation.util.core';
 
 const keyCodes = {
   9: 'TAB',
   13: 'ENTER',
   27: 'ESCAPE',
   32: 'SPACE',
+  35: 'END',
+  36: 'HOME',
   37: 'ARROW_LEFT',
   38: 'ARROW_UP',
   39: 'ARROW_RIGHT',
@@ -23,6 +26,31 @@ const keyCodes = {
 
 var commands = {}
 
+// Functions pulled out to be referenceable from internals
+function findFocusable($element) {
+  if(!$element) {return false; }
+  return $element.find('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]').filter(function() {
+    if (!$(this).is(':visible') || $(this).attr('tabindex') < 0) { return false; } //only have visible elements and those that have a tabindex greater or equal 0
+    return true;
+  });
+}
+
+function parseKey(event) {
+  var key = keyCodes[event.which || event.keyCode] || String.fromCharCode(event.which).toUpperCase();
+
+  // Remove un-printable characters, e.g. for `fromCharCode` calls for CTRL only events
+  key = key.replace(/\W+/, '');
+
+  if (event.shiftKey) key = `SHIFT_${key}`;
+  if (event.ctrlKey) key = `CTRL_${key}`;
+  if (event.altKey) key = `ALT_${key}`;
+
+  // Remove trailing underscore, in case only modifiers were used (e.g. only `CTRL_ALT`)
+  key = key.replace(/_$/, '');
+
+  return key;
+}
+
 var Keyboard = {
   keys: getKeyCodes(keyCodes),
 
@@ -32,21 +60,7 @@ var Keyboard = {
    * @param {Event} event - the event generated by the event handler
    * @return String key - String that represents the key pressed
    */
-  parseKey(event) {
-    var key = keyCodes[event.which || event.keyCode] || String.fromCharCode(event.which).toUpperCase();
-
-    // Remove un-printable characters, e.g. for `fromCharCode` calls for CTRL only events
-    key = key.replace(/\W+/, '');
-
-    if (event.shiftKey) key = `SHIFT_${key}`;
-    if (event.ctrlKey) key = `CTRL_${key}`;
-    if (event.altKey) key = `ALT_${key}`;
-
-    // Remove trailing underscore, in case only modifiers were used (e.g. only `CTRL_ALT`)
-    key = key.replace(/_$/, '');
-
-    return key;
-  },
+  parseKey: parseKey,
 
   /**
    * Handles the given (keyboard) event
@@ -66,7 +80,7 @@ var Keyboard = {
     if (typeof commandList.ltr === 'undefined') { // this component does not differentiate between ltr and rtl
         cmds = commandList; // use plain list
     } else { // merge ltr and rtl: if document is rtl, rtl overwrites ltr and vice versa
-        if (Foundation.rtl()) cmds = $.extend({}, commandList.ltr, commandList.rtl);
+        if (Rtl()) cmds = $.extend({}, commandList.ltr, commandList.rtl);
 
         else cmds = $.extend({}, commandList.rtl, commandList.ltr);
     }
@@ -90,13 +104,8 @@ var Keyboard = {
    * @param {jQuery} $element - jQuery object to search within
    * @return {jQuery} $focusable - all focusable elements within `$element`
    */
-  findFocusable($element) {
-    if(!$element) {return false; }
-    return $element.find('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]').filter(function() {
-      if (!$(this).is(':visible') || $(this).attr('tabindex') < 0) { return false; } //only have visible elements and those that have a tabindex greater or equal 0
-      return true;
-    });
-  },
+
+  findFocusable: findFocusable,
 
   /**
    * Returns the component name name
@@ -106,23 +115,26 @@ var Keyboard = {
 
   register(componentName, cmds) {
     commands[componentName] = cmds;
-  },  
+  },
 
+
+  // TODO9438: These references to Keyboard need to not require global. Will 'this' work in this context?
+  //
   /**
    * Traps the focus in the given element.
    * @param  {jQuery} $element  jQuery object to trap the foucs into.
    */
   trapFocus($element) {
-    var $focusable = Foundation.Keyboard.findFocusable($element),
+    var $focusable = findFocusable($element),
         $firstFocusable = $focusable.eq(0),
         $lastFocusable = $focusable.eq(-1);
 
     $element.on('keydown.zf.trapfocus', function(event) {
-      if (event.target === $lastFocusable[0] && Foundation.Keyboard.parseKey(event) === 'TAB') {
+      if (event.target === $lastFocusable[0] && parseKey(event) === 'TAB') {
         event.preventDefault();
         $firstFocusable.focus();
       }
-      else if (event.target === $firstFocusable[0] && Foundation.Keyboard.parseKey(event) === 'SHIFT_TAB') {
+      else if (event.target === $firstFocusable[0] && parseKey(event) === 'SHIFT_TAB') {
         event.preventDefault();
         $lastFocusable.focus();
       }
@@ -147,6 +159,4 @@ function getKeyCodes(kcs) {
   return k;
 }
 
-Foundation.Keyboard = Keyboard;
-
-}(jQuery);
+export {Keyboard};

data/vendor/assets/js/foundation.util.mediaQuery.js.es6

@@ -1,6 +1,6 @@
 'use strict';
 
-!function($) {
+import $ from 'jquery';
 
 // Default set of media queries
 const defaultQueries = {
@@ -13,7 +13,55 @@ const defaultQueries = {
     'only screen and (min-device-pixel-ratio: 2),' +
     'only screen and (min-resolution: 192dpi),' +
     'only screen and (min-resolution: 2dppx)'
-};
+  };
+
+
+// matchMedia() polyfill - Test a CSS media type/query in JS.
+// Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license
+let matchMedia = window.matchMedia || (function() {
+  'use strict';
+
+  // For browsers that support matchMedium api such as IE 9 and webkit
+  var styleMedia = (window.styleMedia || window.media);
+
+  // For those that don't support matchMedium
+  if (!styleMedia) {
+    var style   = document.createElement('style'),
+    script      = document.getElementsByTagName('script')[0],
+    info        = null;
+
+    style.type  = 'text/css';
+    style.id    = 'matchmediajs-test';
+
+    script && script.parentNode && script.parentNode.insertBefore(style, script);
+
+    // 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers
+    info = ('getComputedStyle' in window) && window.getComputedStyle(style, null) || style.currentStyle;
+
+    styleMedia = {
+      matchMedium(media) {
+        var text = `@media ${media}{ #matchmediajs-test { width: 1px; } }`;
+
+        // 'style.styleSheet' is used by IE <= 8 and 'style.textContent' for all other browsers
+        if (style.styleSheet) {
+          style.styleSheet.cssText = text;
+        } else {
+          style.textContent = text;
+        }
+
+        // Test if media query is true or false
+        return info.width === '1px';
+      }
+    }
+  }
+
+  return function(media) {
+    return {
+      matches: styleMedia.matchMedium(media || 'all'),
+      media: media || 'all'
+    };
+  }
+})();
 
 var MediaQuery = {
   queries: [],
@@ -27,6 +75,11 @@ var MediaQuery = {
    */
   _init() {
     var self = this;
+    var $meta = $('meta.foundation-mq');
+    if(!$meta.length){
+      $('<meta class="foundation-mq">').appendTo(document.head);
+    }
+
     var extractedStyles = $('.foundation-mq').css('font-family');
     var namedQueries;
 
@@ -56,7 +109,7 @@ var MediaQuery = {
     var query = this.get(size);
 
     if (query) {
-      return window.matchMedia(query).matches;
+      return matchMedia(query).matches;
     }
 
     return false;
@@ -107,7 +160,7 @@ var MediaQuery = {
     for (var i = 0; i < this.queries.length; i++) {
       var query = this.queries[i];
 
-      if (window.matchMedia(query.value).matches) {
+      if (matchMedia(query.value).matches) {
         matched = query;
       }
     }
@@ -125,7 +178,7 @@ var MediaQuery = {
    * @private
    */
   _watcher() {
-    $(window).on('resize.zf.mediaquery', () => {
+    $(window).off('resize.zf.mediaquery').on('resize.zf.mediaquery', () => {
       var newSize = this._getCurrentSize(), currentSize = this.current;
 
       if (newSize !== currentSize) {
@@ -139,54 +192,7 @@ var MediaQuery = {
   }
 };
 
-Foundation.MediaQuery = MediaQuery;
-
-// matchMedia() polyfill - Test a CSS media type/query in JS.
-// Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license
-window.matchMedia || (window.matchMedia = function() {
-  'use strict';
-
-  // For browsers that support matchMedium api such as IE 9 and webkit
-  var styleMedia = (window.styleMedia || window.media);
-
-  // For those that don't support matchMedium
-  if (!styleMedia) {
-    var style   = document.createElement('style'),
-    script      = document.getElementsByTagName('script')[0],
-    info        = null;
-
-    style.type  = 'text/css';
-    style.id    = 'matchmediajs-test';
-
-    script && script.parentNode && script.parentNode.insertBefore(style, script);
 
-    // 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers
-    info = ('getComputedStyle' in window) && window.getComputedStyle(style, null) || style.currentStyle;
-
-    styleMedia = {
-      matchMedium(media) {
-        var text = `@media ${media}{ #matchmediajs-test { width: 1px; } }`;
-
-        // 'style.styleSheet' is used by IE <= 8 and 'style.textContent' for all other browsers
-        if (style.styleSheet) {
-          style.styleSheet.cssText = text;
-        } else {
-          style.textContent = text;
-        }
-
-        // Test if media query is true or false
-        return info.width === '1px';
-      }
-    }
-  }
-
-  return function(media) {
-    return {
-      matches: styleMedia.matchMedium(media || 'all'),
-      media: media || 'all'
-    };
-  }
-}());
 
 // Thank you: https://github.com/sindresorhus/query-string
 function parseStyleToObject(str) {
@@ -225,6 +231,4 @@ function parseStyleToObject(str) {
   return styleObject;
 }
 
-Foundation.MediaQuery = MediaQuery;
-
-}(jQuery);
+export {MediaQuery};

data/vendor/assets/js/foundation.util.motion.js.es6

@@ -1,6 +1,7 @@
 'use strict';
 
-!function($) {
+import $ from 'jquery';
+import { transitionend } from './foundation.util.core';
 
 /**
  * Motion module.
@@ -83,7 +84,7 @@ function animate(isIn, element, animation, cb) {
   });
 
   // Clean up the animation when it finishes
-  element.one(Foundation.transitionend(element), finish);
+  element.one(transitionend(element), finish);
 
   // Hides the element (for out animations), resets the element, and runs a callback
   function finish() {
@@ -99,7 +100,5 @@ function animate(isIn, element, animation, cb) {
   }
 }
 
-Foundation.Move = Move;
-Foundation.Motion = Motion;
+export {Move, Motion};
 
-}(jQuery);

data/vendor/assets/js/foundation.util.nest.js.es6

@@ -1,6 +1,6 @@
 'use strict';
 
-!function($) {
+import $ from 'jquery';
 
 const Nest = {
   Feather(menu, type = 'zf') {
@@ -9,16 +9,18 @@ const Nest = {
     var items = menu.find('li').attr({'role': 'menuitem'}),
         subMenuClass = `is-${type}-submenu`,
         subItemClass = `${subMenuClass}-item`,
-        hasSubClass = `is-${type}-submenu-parent`;
+        hasSubClass = `is-${type}-submenu-parent`,
+        applyAria = (type !== 'accordion'); // Accordions handle their own ARIA attriutes.
 
     items.each(function() {
       var $item = $(this),
           $sub = $item.children('ul');
 
       if ($sub.length) {
-        $item
-          .addClass(hasSubClass)
-          .attr({
+        $item.addClass(hasSubClass);
+        $sub.addClass(`submenu ${subMenuClass}`).attr({'data-submenu': ''});
+        if(applyAria) {
+          $item.attr({
             'aria-haspopup': true,
             'aria-label': $item.children('a:first').text()
           });
@@ -28,7 +30,7 @@ const Nest = {
           if(type === 'drilldown') {
             $item.attr({'aria-expanded': false});
           }
-
+        }
         $sub
           .addClass(`submenu ${subMenuClass}`)
           .attr({
@@ -59,23 +61,7 @@ const Nest = {
       .removeClass(`${subMenuClass} ${subItemClass} ${hasSubClass} is-submenu-item submenu is-active`)
       .removeAttr('data-submenu').css('display', '');
 
-    // console.log(      menu.find('.' + subMenuClass + ', .' + subItemClass + ', .has-submenu, .is-submenu-item, .submenu, [data-submenu]')
-    //           .removeClass(subMenuClass + ' ' + subItemClass + ' has-submenu is-submenu-item submenu')
-    //           .removeAttr('data-submenu'));
-    // items.each(function(){
-    //   var $item = $(this),
-    //       $sub = $item.children('ul');
-    //   if($item.parent('[data-submenu]').length){
-    //     $item.removeClass('is-submenu-item ' + subItemClass);
-    //   }
-    //   if($sub.length){
-    //     $item.removeClass('has-submenu');
-    //     $sub.removeClass('submenu ' + subMenuClass).removeAttr('data-submenu');
-    //   }
-    // });
   }
 }
 
-Foundation.Nest = Nest;
-
-}(jQuery);
+export {Nest};