foundation-rails 6.4.1.0 → 6.4.1.2

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

@@ -1,104 +0,0 @@
-'use strict';
-
-import $ from 'jquery';
-import { transitionend } from './foundation.util.core';
-
-/**
- * Motion module.
- * @module foundation.motion
- */
-
-const initClasses   = ['mui-enter', 'mui-leave'];
-const activeClasses = ['mui-enter-active', 'mui-leave-active'];
-
-const Motion = {
-  animateIn: function(element, animation, cb) {
-    animate(true, element, animation, cb);
-  },
-
-  animateOut: function(element, animation, cb) {
-    animate(false, element, animation, cb);
-  }
-}
-
-function Move(duration, elem, fn){
-  var anim, prog, start = null;
-  // console.log('called');
-
-  if (duration === 0) {
-    fn.apply(elem);
-    elem.trigger('finished.zf.animate', [elem]).triggerHandler('finished.zf.animate', [elem]);
-    return;
-  }
-
-  function move(ts){
-    if(!start) start = ts;
-    // console.log(start, ts);
-    prog = ts - start;
-    fn.apply(elem);
-
-    if(prog < duration){ anim = window.requestAnimationFrame(move, elem); }
-    else{
-      window.cancelAnimationFrame(anim);
-      elem.trigger('finished.zf.animate', [elem]).triggerHandler('finished.zf.animate', [elem]);
-    }
-  }
-  anim = window.requestAnimationFrame(move);
-}
-
-/**
- * Animates an element in or out using a CSS transition class.
- * @function
- * @private
- * @param {Boolean} isIn - Defines if the animation is in or out.
- * @param {Object} element - jQuery or HTML object to animate.
- * @param {String} animation - CSS class to use.
- * @param {Function} cb - Callback to run when animation is finished.
- */
-function animate(isIn, element, animation, cb) {
-  element = $(element).eq(0);
-
-  if (!element.length) return;
-
-  var initClass = isIn ? initClasses[0] : initClasses[1];
-  var activeClass = isIn ? activeClasses[0] : activeClasses[1];
-
-  // Set up the animation
-  reset();
-
-  element
-    .addClass(animation)
-    .css('transition', 'none');
-
-  requestAnimationFrame(() => {
-    element.addClass(initClass);
-    if (isIn) element.show();
-  });
-
-  // Start the animation
-  requestAnimationFrame(() => {
-    element[0].offsetWidth;
-    element
-      .css('transition', '')
-      .addClass(activeClass);
-  });
-
-  // Clean up the animation when it finishes
-  element.one(transitionend(element), finish);
-
-  // Hides the element (for out animations), resets the element, and runs a callback
-  function finish() {
-    if (!isIn) element.hide();
-    reset();
-    if (cb) cb.apply(element);
-  }
-
-  // Resets transitions and removes motion-specific classes
-  function reset() {
-    element[0].style.transitionDuration = 0;
-    element.removeClass(`${initClass} ${activeClass} ${animation}`);
-  }
-}
-
-export {Move, Motion};
-

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

@@ -1,67 +0,0 @@
-'use strict';
-
-import $ from 'jquery';
-
-const Nest = {
-  Feather(menu, type = 'zf') {
-    menu.attr('role', 'menubar');
-
-    var items = menu.find('li').attr({'role': 'menuitem'}),
-        subMenuClass = `is-${type}-submenu`,
-        subItemClass = `${subMenuClass}-item`,
-        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);
-        $sub.addClass(`submenu ${subMenuClass}`).attr({'data-submenu': ''});
-        if(applyAria) {
-          $item.attr({
-            'aria-haspopup': true,
-            'aria-label': $item.children('a:first').text()
-          });
-          // Note:  Drilldowns behave differently in how they hide, and so need
-          // additional attributes.  We should look if this possibly over-generalized
-          // utility (Nest) is appropriate when we rework menus in 6.4
-          if(type === 'drilldown') {
-            $item.attr({'aria-expanded': false});
-          }
-        }
-        $sub
-          .addClass(`submenu ${subMenuClass}`)
-          .attr({
-            'data-submenu': '',
-            'role': 'menu'
-          });
-        if(type === 'drilldown') {
-          $sub.attr({'aria-hidden': true});
-        }
-      }
-
-      if ($item.parent('[data-submenu]').length) {
-        $item.addClass(`is-submenu-item ${subItemClass}`);
-      }
-    });
-
-    return;
-  },
-
-  Burn(menu, type) {
-    var //items = menu.find('li'),
-        subMenuClass = `is-${type}-submenu`,
-        subItemClass = `${subMenuClass}-item`,
-        hasSubClass = `is-${type}-submenu-parent`;
-
-    menu
-      .find('>li, .menu, .menu > li')
-      .removeClass(`${subMenuClass} ${subItemClass} ${hasSubClass} is-submenu-item submenu is-active`)
-      .removeAttr('data-submenu').css('display', '');
-
-  }
-}
-
-export {Nest};

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

@@ -1,48 +0,0 @@
-'use strict';
-
-import $ from 'jquery';
-
-function Timer(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.
-      }
-      if (cb && typeof cb === 'function') { 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}`);
-  }
-}
-
-export {Timer};

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

@@ -1,149 +0,0 @@
-//**************************************************
-//**Work inspired by multiple jquery swipe plugins**
-//**Done by Yohai Ararat ***************************
-//**************************************************
-
-import $ from 'jquery';
-
-var Touch = {};
-
-var startPosX,
-    startPosY,
-    startTime,
-    elapsedTime,
-    isMoving = false;
-
-function onTouchEnd() {
-  //  alert(this);
-  this.removeEventListener('touchmove', onTouchMove);
-  this.removeEventListener('touchend', onTouchEnd);
-  isMoving = false;
-}
-
-function onTouchMove(e) {
-  if ($.spotSwipe.preventDefault) { e.preventDefault(); }
-  if(isMoving) {
-    var x = e.touches[0].pageX;
-    var y = e.touches[0].pageY;
-    var dx = startPosX - x;
-    var dy = startPosY - y;
-    var dir;
-    elapsedTime = new Date().getTime() - startTime;
-    if(Math.abs(dx) >= $.spotSwipe.moveThreshold && elapsedTime <= $.spotSwipe.timeThreshold) {
-      dir = dx > 0 ? 'left' : 'right';
-    }
-    // else if(Math.abs(dy) >= $.spotSwipe.moveThreshold && elapsedTime <= $.spotSwipe.timeThreshold) {
-    //   dir = dy > 0 ? 'down' : 'up';
-    // }
-    if(dir) {
-      e.preventDefault();
-      onTouchEnd.call(this);
-      $(this).trigger('swipe', dir).trigger(`swipe${dir}`);
-    }
-  }
-}
-
-function onTouchStart(e) {
-  if (e.touches.length == 1) {
-    startPosX = e.touches[0].pageX;
-    startPosY = e.touches[0].pageY;
-    isMoving = true;
-    startTime = new Date().getTime();
-    this.addEventListener('touchmove', onTouchMove, false);
-    this.addEventListener('touchend', onTouchEnd, false);
-  }
-}
-
-function init() {
-  this.addEventListener && this.addEventListener('touchstart', onTouchStart, false);
-}
-
-function teardown() {
-  this.removeEventListener('touchstart', onTouchStart);
-}
-
-class SpotSwipe {
-  constructor($) {
-    this.version = '1.0.0';
-    this.enabled = 'ontouchstart' in document.documentElement;
-    this.preventDefault = false;
-    this.moveThreshold = 75;
-    this.timeThreshold = 200;
-    this.$ = $;
-    this._init();
-  }
-
-  _init() {
-    var $ = this.$;
-    $.event.special.swipe = { setup: init };
-
-    $.each(['left', 'up', 'down', 'right'], function () {
-      $.event.special[`swipe${this}`] = { setup: function(){
-        $(this).on('swipe', $.noop);
-      } };
-    });
-  }
-}
-
-/****************************************************
- * As far as I can tell, both setupSpotSwipe and    *
- * setupTouchHandler should be idempotent,          *
- * because they directly replace functions &        *
- * values, and do not add event handlers directly.  *
- ****************************************************/
-
-Touch.setupSpotSwipe = function($) {
-  $.spotSwipe = new SpotSwipe($);
-};
-
-/****************************************************
- * Method for adding pseudo drag events to elements *
- ***************************************************/
-Touch.setupTouchHandler = function($) {
-  $.fn.addTouch = function(){
-    this.each(function(i,el){
-      $(el).bind('touchstart touchmove touchend touchcancel',function(){
-        //we pass the original event object because the jQuery event
-        //object is normalized to w3c specs and does not provide the TouchList
-        handleTouch(event);
-      });
-    });
-
-    var handleTouch = function(event){
-      var touches = event.changedTouches,
-          first = touches[0],
-          eventTypes = {
-            touchstart: 'mousedown',
-            touchmove: 'mousemove',
-            touchend: 'mouseup'
-          },
-          type = eventTypes[event.type],
-          simulatedEvent
-        ;
-
-      if('MouseEvent' in window && typeof window.MouseEvent === 'function') {
-        simulatedEvent = new window.MouseEvent(type, {
-          'bubbles': true,
-          'cancelable': true,
-          'screenX': first.screenX,
-          'screenY': first.screenY,
-          'clientX': first.clientX,
-          'clientY': first.clientY
-        });
-      } else {
-        simulatedEvent = document.createEvent('MouseEvent');
-        simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY, false, false, false, false, 0/*left*/, null);
-      }
-      first.target.dispatchEvent(simulatedEvent);
-    };
-  };
-};
-
-Touch.init = function($) {
-  if(typeof($.spotSwipe) === 'undefined') {
-    Touch.setupSpotSwipe($);
-    Touch.setupTouchHandler($);
-  }
-};
-
-export {Touch};

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

@@ -1,268 +0,0 @@
-'use strict';
-
-import $ from 'jquery';
-import { Motion } from './foundation.util.motion';
-
-const 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;
-}());
-
-const triggers = (el, type) => {
-  el.data(type).split(' ').forEach(id => {
-    $(`#${id}`)[ type === 'close' ? 'trigger' : 'triggerHandler'](`${type}.zf.trigger`, [el]);
-  });
-};
-
-var Triggers = {
-  Listeners: {
-    Basic: {},
-    Global: {}
-  },
-  Initializers: {}
-}
-
-Triggers.Listeners.Basic  = {
-  openListener: function() {
-    triggers($(this), 'open');
-  },
-  closeListener: function() {
-    let id = $(this).data('close');
-    if (id) {
-      triggers($(this), 'close');
-    }
-    else {
-      $(this).trigger('close.zf.trigger');
-    }
-  },
-  toggleListener: function() {
-    let id = $(this).data('toggle');
-    if (id) {
-      triggers($(this), 'toggle');
-    } else {
-      $(this).trigger('toggle.zf.trigger');
-    }
-  },
-  closeableListener: function(e) {
-    e.stopPropagation();
-    let animation = $(this).data('closable');
-
-    if(animation !== ''){
-      Motion.animateOut($(this), animation, function() {
-        $(this).trigger('closed.zf');
-      });
-    }else{
-      $(this).fadeOut().trigger('closed.zf');
-    }
-  },
-  toggleFocusListener: function() {
-    let id = $(this).data('toggle-focus');
-    $(`#${id}`).triggerHandler('toggle.zf.trigger', [$(this)]);
-  }
-};
-
-// Elements with [data-open] will reveal a plugin that supports it when clicked.
-Triggers.Initializers.addOpenListener = ($elem) => {
-  $elem.off('click.zf.trigger', Triggers.Listeners.Basic.openListener);
-  $elem.on('click.zf.trigger', '[data-open]', Triggers.Listeners.Basic.openListener);
-}
-
-// 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.
-Triggers.Initializers.addCloseListener = ($elem) => {
-  $elem.off('click.zf.trigger', Triggers.Listeners.Basic.closeListener);
-  $elem.on('click.zf.trigger', '[data-close]', Triggers.Listeners.Basic.closeListener);
-}
-
-// Elements with [data-toggle] will toggle a plugin that supports it when clicked.
-Triggers.Initializers.addToggleListener = ($elem) => {
-  $elem.off('click.zf.trigger', Triggers.Listeners.Basic.toggleListener);
-  $elem.on('click.zf.trigger', '[data-toggle]', Triggers.Listeners.Basic.toggleListener);
-}
-
-// Elements with [data-closable] will respond to close.zf.trigger events.
-Triggers.Initializers.addCloseableListener = ($elem) => {
-  $elem.off('close.zf.trigger', Triggers.Listeners.Basic.closeableListener);
-  $elem.on('close.zf.trigger', '[data-closeable], [data-closable]', Triggers.Listeners.Basic.closeableListener);
-}
-
-// Elements with [data-toggle-focus] will respond to coming in and out of focus
-Triggers.Initializers.addToggleFocusListener = ($elem) => {
-  $elem.off('focus.zf.trigger blur.zf.trigger', Triggers.Listeners.Basic.toggleFocusListener);
-  $elem.on('focus.zf.trigger blur.zf.trigger', '[data-toggle-focus]', Triggers.Listeners.Basic.toggleFocusListener);
-}
-
-
-
-// More Global/complex listeners and triggers
-Triggers.Listeners.Global  = {
-  resizeListener: function($nodes) {
-    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");
-  },
-  scrollListener: function($nodes) {
-    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");
-  },
-  closeMeListener: function(e, pluginId){
-    let plugin = e.namespace.split('.')[0];
-    let plugins = $(`[data-${plugin}]`).not(`[data-yeti-box="${pluginId}"]`);
-
-    plugins.each(function(){
-      let _this = $(this);
-      _this.triggerHandler('close.zf.trigger', [_this]);
-    });
-  }
-}
-
-// Global, parses whole document.
-Triggers.Initializers.addClosemeListener = 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){
-    let listeners = plugNames.map((name) => {
-      return `closeme.zf.${name}`;
-    }).join(' ');
-
-    $(window).off(listeners).on(listeners, Triggers.Listeners.Global.closeMeListener);
-  }
-}
-
-function debounceGlobalListener(debounce, trigger, listener) {
-  let timer, args = Array.prototype.slice.call(arguments, 3);
-  $(window).off(trigger).on(trigger, function(e) {
-    if (timer) { clearTimeout(timer); }
-    timer = setTimeout(function(){
-      listener.apply(null, args);
-    }, debounce || 10);//default time to emit scroll event
-  });
-}
-
-Triggers.Initializers.addResizeListener = function(debounce){
-  let $nodes = $('[data-resize]');
-  if($nodes.length){
-    debounceGlobalListener(debounce, 'resize.zf.trigger', Triggers.Listeners.Global.resizeListener, $nodes);
-  }
-}
-
-Triggers.Initializers.addScrollListener = function(debounce){
-  let $nodes = $('[data-scroll]');
-  if($nodes.length){
-    debounceGlobalListener(debounce, 'scroll.zf.trigger', Triggers.Listeners.Global.scrollListener, $nodes);
-  }
-}
-
-Triggers.Initializers.addMutationEventsListener = function($elem) {
-  if(!MutationObserver){ return false; }
-  let $nodes = $elem.find('[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 (mutationRecordsList[0].type) {
-      case "attributes":
-        if ($target.attr("data-events") === "scroll" && mutationRecordsList[0].attributeName === "data-events") {
-          $target.triggerHandler('scrollme.zf.trigger', [$target, window.pageYOffset]);
-        }
-        if ($target.attr("data-events") === "resize" && mutationRecordsList[0].attributeName === "data-events") {
-          $target.triggerHandler('resizeme.zf.trigger', [$target]);
-         }
-        if (mutationRecordsList[0].attributeName === "style") {
-          $target.closest("[data-mutate]").attr("data-events","mutate");
-          $target.closest("[data-mutate]").triggerHandler('mutateme.zf.trigger', [$target.closest("[data-mutate]")]);
-        }
-        break;
-
-      case "childList":
-        $target.closest("[data-mutate]").attr("data-events","mutate");
-        $target.closest("[data-mutate]").triggerHandler('mutateme.zf.trigger', [$target.closest("[data-mutate]")]);
-        break;
-
-      default:
-        return false;
-      //nothing
-    }
-  };
-
-  if ($nodes.length) {
-    //for each element that needs to listen for resizing, scrolling, or 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: true, characterData: false, subtree: true, attributeFilter: ["data-events", "style"] });
-    }
-  }
-}
-
-Triggers.Initializers.addSimpleListeners = function() {
-  let $document = $(document);
-
-  Triggers.Initializers.addOpenListener($document);
-  Triggers.Initializers.addCloseListener($document);
-  Triggers.Initializers.addToggleListener($document);
-  Triggers.Initializers.addCloseableListener($document);
-  Triggers.Initializers.addToggleFocusListener($document);
-
-}
-
-Triggers.Initializers.addGlobalListeners = function() {
-  let $document = $(document);
-  Triggers.Initializers.addMutationEventsListener($document);
-  Triggers.Initializers.addResizeListener();
-  Triggers.Initializers.addScrollListener();
-  Triggers.Initializers.addClosemeListener();
-}
-
-
-Triggers.init = function($, Foundation) {
-  if (typeof($.triggersInitialized) === 'undefined') {
-    let $document = $(document);
-
-    if(document.readyState === "complete") {
-      Triggers.Initializers.addSimpleListeners();
-      Triggers.Initializers.addGlobalListeners();
-    } else {
-      $(window).on('load', () => {
-        Triggers.Initializers.addSimpleListeners();
-        Triggers.Initializers.addGlobalListeners();
-      });
-    }
-
-
-    $.triggersInitialized = true;
-  }
-
-  if(Foundation) {
-    Foundation.Triggers = Triggers;
-    // Legacy included to be backwards compatible for now.
-    Foundation.IHearYou = Triggers.Initializers.addGlobalListeners
-  }
-}
-
-export {Triggers};