foundation-rails 6.1.2.0 → 6.2.0.0

data/vendor/assets/js/foundation.util.box.js

@@ -1,169 +0,0 @@
-!function(Foundation, window){
-  /**
-   * Compares the dimensions of an element to a container and determines collision events with container.
-   * @function
-   * @param {jQuery} element - jQuery object to test for collisions.
-   * @param {jQuery} parent - jQuery object to use as bounding container.
-   * @param {Boolean} lrOnly - set to true to check left and right values only.
-   * @param {Boolean} tbOnly - set to true to check top and bottom values only.
-   * @default if no parent object passed, detects collisions with `window`.
-   * @returns {Boolean} - true if collision free, false if a collision in any direction.
-   */
-  var ImNotTouchingYou = function(element, parent, lrOnly, tbOnly){
-    var eleDims = GetDimensions(element),
-        top, bottom, left, right;
-
-    if(parent){
-      var parDims = GetDimensions(parent);
-
-      bottom = (eleDims.offset.top + eleDims.height <= parDims.height + parDims.offset.top);
-      top    = (eleDims.offset.top >= parDims.offset.top);
-      left   = (eleDims.offset.left >= parDims.offset.left);
-      right  = (eleDims.offset.left + eleDims.width <= parDims.width);
-    }else{
-      bottom = (eleDims.offset.top + eleDims.height <= eleDims.windowDims.height + eleDims.windowDims.offset.top);
-      top    = (eleDims.offset.top >= eleDims.windowDims.offset.top);
-      left   = (eleDims.offset.left >= eleDims.windowDims.offset.left);
-      right  = (eleDims.offset.left + eleDims.width <= eleDims.windowDims.width);
-    }
-    var allDirs = [bottom, top, left, right];
-
-    if(lrOnly){ return left === right === true; }
-    if(tbOnly){ return top === bottom === true; }
-
-    return allDirs.indexOf(false) === -1;
-  };
-
-  /**
-   * Uses native methods to return an object of dimension values.
-   * @function
-   * @param {jQuery || HTML} element - jQuery object or DOM element for which to get the dimensions. Can be any element other that document or window.
-   * @returns {Object} - nested object of integer pixel values
-   * TODO - if element is window, return only those values.
-   */
-  var GetDimensions = function(elem, test){
-    elem = elem.length ? elem[0] : elem;
-
-    if(elem === window || elem === document){ throw new Error("I'm sorry, Dave. I'm afraid I can't do that."); }
-
-    var rect = elem.getBoundingClientRect(),
-        parRect = elem.parentNode.getBoundingClientRect(),
-        winRect = document.body.getBoundingClientRect(),
-        winY = window.pageYOffset,
-        winX = window.pageXOffset;
-
-    return {
-      width: rect.width,
-      height: rect.height,
-      offset: {
-        top: rect.top + winY,
-        left: rect.left + winX
-      },
-      parentDims: {
-        width: parRect.width,
-        height: parRect.height,
-        offset: {
-          top: parRect.top + winY,
-          left: parRect.left + winX
-        }
-      },
-      windowDims: {
-        width: winRect.width,
-        height: winRect.height,
-        offset: {
-          top: winY,
-          left: winX
-        }
-      }
-    };
-  };
-  /**
-   * Returns an object of top and left integer pixel values for dynamically rendered elements,
-   * such as: Tooltip, Reveal, and Dropdown
-   * @function
-   * @param {jQuery} element - jQuery object for the element being positioned.
-   * @param {jQuery} anchor - jQuery object for the element's anchor point.
-   * @param {String} position - a string relating to the desired position of the element, relative to it's anchor
-   * @param {Number} vOffset - integer pixel value of desired vertical separation between anchor and element.
-   * @param {Number} hOffset - integer pixel value of desired horizontal separation between anchor and element.
-   * @param {Boolean} isOverflow - if a collision event is detected, sets to true to default the element to full width - any desired offset.
-   * TODO alter/rewrite to work with `em` values as well/instead of pixels
-   */
-  var GetOffsets = function(element, anchor, position, vOffset, hOffset, isOverflow){
-    var $eleDims = GetDimensions(element),
-    // var $eleDims = GetDimensions(element),
-        $anchorDims = anchor ? GetDimensions(anchor) : null;
-        // $anchorDims = anchor ? GetDimensions(anchor) : null;
-    switch(position){
-      case 'top':
-        return {
-          left: $anchorDims.offset.left,
-          top: $anchorDims.offset.top - ($eleDims.height + vOffset)
-        };
-        break;
-      case 'left':
-        return {
-          left: $anchorDims.offset.left - ($eleDims.width + hOffset),
-          top: $anchorDims.offset.top
-        };
-        break;
-      case 'right':
-        return {
-          left: $anchorDims.offset.left + $anchorDims.width + hOffset,
-          top: $anchorDims.offset.top
-        };
-        break;
-      case 'center top':
-        return {
-          left: ($anchorDims.offset.left + ($anchorDims.width / 2)) - ($eleDims.width / 2),
-          top: $anchorDims.offset.top - ($eleDims.height + vOffset)
-        };
-        break;
-      case 'center bottom':
-        return {
-          left: isOverflow ? hOffset : (($anchorDims.offset.left + ($anchorDims.width / 2)) - ($eleDims.width / 2)),
-          top: $anchorDims.offset.top + $anchorDims.height + vOffset
-        };
-        break;
-      case 'center left':
-        return {
-          left: $anchorDims.offset.left - ($eleDims.width + hOffset),
-          top: ($anchorDims.offset.top + ($anchorDims.height / 2)) - ($eleDims.height / 2)
-        };
-        break;
-      case 'center right':
-        return {
-          left: $anchorDims.offset.left + $anchorDims.width + hOffset + 1,
-          top: ($anchorDims.offset.top + ($anchorDims.height / 2)) - ($eleDims.height / 2)
-        };
-        break;
-      case 'center':
-        return {
-          left: ($eleDims.windowDims.offset.left + ($eleDims.windowDims.width / 2)) - ($eleDims.width / 2),
-          top: ($eleDims.windowDims.offset.top + ($eleDims.windowDims.height / 2)) - ($eleDims.height / 2)
-        };
-        break;
-      case 'reveal':
-        return {
-          left: ($eleDims.windowDims.width - $eleDims.width) / 2,
-          top: $eleDims.windowDims.offset.top + vOffset
-        };
-      case 'reveal full':
-        return {
-          left: $eleDims.windowDims.offset.left,
-          top: $eleDims.windowDims.offset.top
-        };
-        break;
-      default:
-        return {
-          left: $anchorDims.offset.left,
-          top: $anchorDims.offset.top + $anchorDims.height + vOffset
-        };
-    }
-  };
-  Foundation.Box = {
-    ImNotTouchingYou: ImNotTouchingYou,
-    GetDimensions: GetDimensions,
-    GetOffsets: GetOffsets
-  };
-}(window.Foundation, window);

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

@@ -1,63 +0,0 @@
-!function($, Foundation){
-  'use strict';
-  Foundation.Nest = {
-    Feather: function(menu, type){
-      menu.attr('role', 'menubar');
-      type = type || 'zf';
-      var items = menu.find('li').attr({'role': 'menuitem'}),
-          subMenuClass = 'is-' + type + '-submenu',
-          subItemClass = subMenuClass + '-item',
-          hasSubClass = 'is-' + type + '-submenu-parent';
-      menu.find('a:first').attr('tabindex', 0);
-      items.each(function(){
-        var $item = $(this),
-            $sub = $item.children('ul');
-        if($sub.length){
-          $item.addClass(hasSubClass)
-               .attr({
-                 'aria-haspopup': true,
-                 'aria-expanded': false,
-                 'aria-label': $item.children('a:first').text()
-               });
-          $sub.addClass('submenu ' + subMenuClass)
-              .attr({
-                'data-submenu': '',
-                'aria-hidden': true,
-                'role': 'menu'
-              });
-        }
-        if($item.parent('[data-submenu]').length){
-          $item.addClass('is-submenu-item ' + subItemClass);
-        }
-      });
-      return;
-    },
-    Burn: function(menu, type){
-      var items = menu.find('li').removeAttr('tabindex'),
-          subMenuClass = 'is-' + type + '-submenu',
-          subItemClass = subMenuClass + '-item',
-          hasSubClass = 'is-' + type + '-submenu-parent';
-
-      // menu.find('.is-active').removeClass('is-active');
-      menu.find('*')
-      // menu.find('.' + subMenuClass + ', .' + subItemClass + ', .is-active, .has-submenu, .is-submenu-item, .submenu, [data-submenu]')
-          .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');
-      //   }
-      // });
-    }
-  };
-}(jQuery, window.Foundation);

data/vendor/assets/js/foundation.util.timerAndImageLoader.js

@@ -1,82 +0,0 @@
-!function($, Foundation){
-  'use strict';
-  var Timer = function(elem, options, cb){
-    var _this = this,
-        duration = options.duration,//options is an object for easily adding features later.
-        nameSpace = Object.keys(elem.data())[0] || 'timer',
-        remain = -1,
-        start,
-        timer;
-
-    this.isPaused = false;
-    
-    this.restart = function(){
-      remain = -1;
-      clearTimeout(timer);
-      this.start();
-    };
-
-    this.start = function(){
-      this.isPaused = false
-      // if(!elem.data('paused')){ return false; }//maybe implement this sanity check if used for other things.
-      clearTimeout(timer);
-      remain = remain <= 0 ? duration : remain;
-      elem.data('paused', false);
-      start = Date.now();
-      timer = setTimeout(function(){
-        if(options.infinite){
-          _this.restart();//rerun the timer.
-        }
-        cb();
-      }, remain);
-      elem.trigger('timerstart.zf.' + nameSpace);
-    };
-
-    this.pause = function(){
-      this.isPaused = true;
-      //if(elem.data('paused')){ return false; }//maybe implement this sanity check if used for other things.
-      clearTimeout(timer);
-      elem.data('paused', true);
-      var end = Date.now();
-      remain = remain - (end - start);
-      elem.trigger('timerpaused.zf.' + nameSpace);
-    };
-  };
-  /**
-   * 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.
-   */
-  var onImagesLoaded = function(images, callback){
-    var self = this,
-        unloaded = images.length;
-
-    if (unloaded === 0) {
-      callback();
-    }
-
-    var singleImageLoaded = function() {
-      unloaded--;
-      if (unloaded === 0) {
-        callback();
-      }
-    };
-
-    images.each(function() {
-      if (this.complete) {
-        singleImageLoaded();
-      }
-      else if (typeof this.naturalWidth !== 'undefined' && this.naturalWidth > 0) {
-        singleImageLoaded();
-      }
-      else {
-        $(this).one('load', function() {
-          singleImageLoaded();
-        });
-      }
-    });
-  };
-
-  Foundation.Timer = Timer;
-  Foundation.onImagesLoaded = onImagesLoaded;
-}(jQuery, window.Foundation);

data/vendor/assets/js/foundation.util.triggers.js

@@ -1,224 +0,0 @@
-!function(Foundation, $) {
-  'use strict';
-  // Elements with [data-open] will reveal a plugin that supports it when clicked.
-  $(document).on('click.zf.trigger', '[data-open]', function() {
-    var id = $(this).data('open');
-    $('#' + id).triggerHandler('open.zf.trigger', [$(this)]);
-  });
-
-  // Elements with [data-close] will close a plugin that supports it when clicked.
-  // If used without a value on [data-close], the event will bubble, allowing it to close a parent component.
-  $(document).on('click.zf.trigger', '[data-close]', function() {
-    var id = $(this).data('close');
-    if (id) {
-      $('#' + id).triggerHandler('close.zf.trigger', [$(this)]);
-    }
-    else {
-      $(this).trigger('close.zf.trigger');
-    }
-  });
-
-  // Elements with [data-toggle] will toggle a plugin that supports it when clicked.
-  $(document).on('click.zf.trigger', '[data-toggle]', function() {
-    var id = $(this).data('toggle');
-    $('#' + id).triggerHandler('toggle.zf.trigger', [$(this)]);
-  });
-
-  // Elements with [data-closable] will respond to close.zf.trigger events.
-  $(document).on('close.zf.trigger', '[data-closable]', function(e){
-    e.stopPropagation();
-    var animation = $(this).data('closable');
-
-    if(animation !== ''){
-      Foundation.Motion.animateOut($(this), animation, function() {
-        $(this).trigger('closed.zf');
-      });
-    }else{
-      $(this).fadeOut().trigger('closed.zf');
-    }
-  });
-
-  var MutationObserver = (function () {
-    var prefixes = ['WebKit', 'Moz', 'O', 'Ms', ''];
-    for (var i=0; i < prefixes.length; i++) {
-      if (prefixes[i] + 'MutationObserver' in window) {
-        return window[prefixes[i] + 'MutationObserver'];
-      }
-    }
-    return false;
-  }());
-
-
-  var checkListeners = function(){
-    eventsListener();
-    resizeListener();
-    scrollListener();
-    closemeListener();
-  };
-  /**
-  * Fires once after all other scripts have loaded
-  * @function
-  * @private
-  */
-  $(window).load(function(){
-    checkListeners();
-  });
-
-  //******** only fires this function once on load, if there's something to watch ********
-  var closemeListener = function(pluginName){
-    var yetiBoxes = $('[data-yeti-box]'),
-        plugNames = ['dropdown', 'tooltip', 'reveal'];
-
-    if(pluginName){
-      if(typeof pluginName === 'string'){
-        plugNames.push(pluginName);
-      }else if(typeof pluginName === 'object' && typeof pluginName[0] === 'string'){
-        plugNames.concat(pluginName);
-      }else{
-        console.error('Plugin names must be strings');
-      }
-    }
-    if(yetiBoxes.length){
-      var listeners = plugNames.map(function(name){
-        return 'closeme.zf.' + name;
-      }).join(' ');
-
-      $(window).off(listeners).on(listeners, function(e, pluginId){
-        var plugin = e.namespace.split('.')[0];
-        var plugins = $('[data-' + plugin + ']').not('[data-yeti-box="' + pluginId + '"]');
-
-        plugins.each(function(){
-          var _this = $(this);
-
-          _this.triggerHandler('close.zf.trigger', [_this]);
-        });
-      });
-    }
-  };
-  var resizeListener = function(debounce){
-    var timer,
-        $nodes = $('[data-resize]');
-    if($nodes.length){
-      $(window).off('resize.zf.trigger')
-      .on('resize.zf.trigger', function(e) {
-        if (timer) { clearTimeout(timer); }
-
-        timer = setTimeout(function(){
-
-          if(!MutationObserver){//fallback for IE 9
-            $nodes.each(function(){
-              $(this).triggerHandler('resizeme.zf.trigger');
-            });
-          }
-          //trigger all listening elements and signal a resize event
-          $nodes.attr('data-events', "resize");
-        }, debounce || 10);//default time to emit resize event
-      });
-    }
-  };
-  var scrollListener = function(debounce){
-    var timer,
-        $nodes = $('[data-scroll]');
-    if($nodes.length){
-      $(window).off('scroll.zf.trigger')
-      .on('scroll.zf.trigger', function(e){
-        if(timer){ clearTimeout(timer); }
-
-        timer = setTimeout(function(){
-
-          if(!MutationObserver){//fallback for IE 9
-            $nodes.each(function(){
-              $(this).triggerHandler('scrollme.zf.trigger');
-            });
-          }
-          //trigger all listening elements and signal a scroll event
-          $nodes.attr('data-events', "scroll");
-        }, debounce || 10);//default time to emit scroll event
-      });
-    }
-  };
-  // function domMutationObserver(debounce) {
-  //   // !!! This is coming soon and needs more work; not active  !!! //
-  //   var timer,
-  //   nodes = document.querySelectorAll('[data-mutate]');
-  //   //
-  //   if (nodes.length) {
-  //     // var MutationObserver = (function () {
-  //     //   var prefixes = ['WebKit', 'Moz', 'O', 'Ms', ''];
-  //     //   for (var i=0; i < prefixes.length; i++) {
-  //     //     if (prefixes[i] + 'MutationObserver' in window) {
-  //     //       return window[prefixes[i] + 'MutationObserver'];
-  //     //     }
-  //     //   }
-  //     //   return false;
-  //     // }());
-  //
-  //
-  //     //for the body, we need to listen for all changes effecting the style and class attributes
-  //     var bodyObserver = new MutationObserver(bodyMutation);
-  //     bodyObserver.observe(document.body, { attributes: true, childList: true, characterData: false, subtree:true, attributeFilter:["style", "class"]});
-  //
-  //
-  //     //body callback
-  //     function bodyMutation(mutate) {
-  //       //trigger all listening elements and signal a mutation event
-  //       if (timer) { clearTimeout(timer); }
-  //
-  //       timer = setTimeout(function() {
-  //         bodyObserver.disconnect();
-  //         $('[data-mutate]').attr('data-events',"mutate");
-  //       }, debounce || 150);
-  //     }
-  //   }
-  // }
-  var eventsListener = function() {
-    if(!MutationObserver){ return false; }
-    var nodes = document.querySelectorAll('[data-resize], [data-scroll], [data-mutate]');
-
-    //element callback
-    var listeningElementsMutation = function(mutationRecordsList) {
-      var $target = $(mutationRecordsList[0].target);
-      //trigger the event handler for the element depending on type
-      switch ($target.attr("data-events")) {
-
-        case "resize" :
-        $target.triggerHandler('resizeme.zf.trigger', [$target]);
-        break;
-
-        case "scroll" :
-        $target.triggerHandler('scrollme.zf.trigger', [$target, window.pageYOffset]);
-        break;
-
-        // case "mutate" :
-        // console.log('mutate', $target);
-        // $target.triggerHandler('mutate.zf.trigger');
-        //
-        // //make sure we don't get stuck in an infinite loop from sloppy codeing
-        // if ($target.index('[data-mutate]') == $("[data-mutate]").length-1) {
-        //   domMutationObserver();
-        // }
-        // break;
-
-        default :
-        return false;
-        //nothing
-      }
-    }
-
-    if(nodes.length){
-      //for each element that needs to listen for resizing, scrolling, (or coming soon mutation) add a single observer
-      for (var i = 0; i <= nodes.length-1; i++) {
-        var elementObserver = new MutationObserver(listeningElementsMutation);
-        elementObserver.observe(nodes[i], { attributes: true, childList: false, characterData: false, subtree:false, attributeFilter:["data-events"]});
-      }
-    }
-  };
-  // ------------------------------------
-
-  // [PH]
-  // Foundation.CheckWatchers = checkWatchers;
-  Foundation.IHearYou = checkListeners;
-  // Foundation.ISeeYou = scrollListener;
-  // Foundation.IFeelYou = closemeListener;
-
-}(window.Foundation, window.jQuery);