foundation-rails 6.3.1.0 → 6.4.1.0

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

@@ -1,31 +1,43 @@
 'use strict';
 
-!function($) {
+import $ from 'jquery';
+import { Keyboard } from './foundation.util.keyboard';
+import { Motion } from './foundation.util.motion';
+import { Timer } from './foundation.util.timer';
+import { onImagesLoaded } from './foundation.util.imageLoader';
+import { GetYoDigits } from './foundation.util.core';
+import { Plugin } from './foundation.plugin';
+import { Touch } from './foundation.util.touch'
+
 
 /**
  * Orbit module.
  * @module foundation.orbit
  * @requires foundation.util.keyboard
  * @requires foundation.util.motion
- * @requires foundation.util.timerAndImageLoader
+ * @requires foundation.util.timer
+ * @requires foundation.util.imageLoader
  * @requires foundation.util.touch
  */
 
-class Orbit {
+class Orbit extends Plugin {
   /**
   * Creates a new instance of an orbit carousel.
   * @class
+  * @name Orbit
   * @param {jQuery} element - jQuery object to make into an Orbit Carousel.
   * @param {Object} options - Overrides to the default plugin settings.
   */
-  constructor(element, options){
+  _setup(element, options){
     this.$element = element;
     this.options = $.extend({}, Orbit.defaults, this.$element.data(), options);
+    this.className = 'Orbit'; // ie9 back compat
+
+    Touch.init($); // Touch init is idempotent, we just need to make sure it's initialied.
 
     this._init();
 
-    Foundation.registerPlugin(this, 'Orbit');
-    Foundation.Keyboard.register('Orbit', {
+    Keyboard.register('Orbit', {
       'ltr': {
         'ARROW_RIGHT': 'next',
         'ARROW_LEFT': 'previous'
@@ -51,7 +63,7 @@ class Orbit {
 
     var $images = this.$element.find('img'),
         initActive = this.$slides.filter('.is-active'),
-        id = this.$element[0].id || Foundation.GetYoDigits(6, 'orbit');
+        id = this.$element[0].id || GetYoDigits(6, 'orbit');
 
     this.$element.attr({
       'data-resize': id,
@@ -67,7 +79,7 @@ class Orbit {
     }
 
     if ($images.length) {
-      Foundation.onImagesLoaded($images, this._prepareForOrbit.bind(this));
+      onImagesLoaded($images, this._prepareForOrbit.bind(this));
     } else {
       this._prepareForOrbit();//hehe
     }
@@ -102,7 +114,7 @@ class Orbit {
   */
   geoSync() {
     var _this = this;
-    this.timer = new Foundation.Timer(
+    this.timer = new Timer(
       this.$element,
       {
         duration: this.options.timerDelay,
@@ -232,7 +244,7 @@ class Orbit {
       if (this.options.accessible) {
         this.$wrapper.add(this.$bullets).on('keydown.zf.orbit', function(e) {
           // handle keyboard event with keyboard util
-          Foundation.Keyboard.handleKey(e, 'Orbit', {
+          Keyboard.handleKey(e, 'Orbit', {
             next: function() {
               _this.changeSlide(true);
             },
@@ -331,7 +343,7 @@ class Orbit {
       }
 
       if (this.options.useMUI && !this.$element.is(':hidden')) {
-        Foundation.Motion.animateIn(
+        Motion.animateIn(
           $newSlide.addClass('is-active').css({'position': 'absolute', 'top': 0}),
           this.options[`animInFrom${dirIn}`],
           function(){
@@ -339,7 +351,7 @@ class Orbit {
             .attr('aria-live', 'polite');
         });
 
-        Foundation.Motion.animateOut(
+        Motion.animateOut(
           $curSlide.removeClass('is-active'),
           this.options[`animOutTo${dirOut}`],
           function(){
@@ -381,9 +393,8 @@ class Orbit {
   * Destroys the carousel and hides the element.
   * @function
   */
-  destroy() {
+  _destroy() {
     this.$element.off('.zf.orbit').find('*').off('.zf.orbit').end().hide();
-    Foundation.unregisterPlugin(this);
   }
 }
 
@@ -517,7 +528,4 @@ Orbit.defaults = {
   useMUI: true
 };
 
-// Window exports
-Foundation.plugin(Orbit, 'Orbit');
-
-}(jQuery);
+export {Orbit};

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

@@ -0,0 +1,54 @@
+'use strict';
+
+import $ from 'jquery';
+import { GetYoDigits } from './foundation.util.core';
+
+// Abstract class for providing lifecycle hooks. Expect plugins to define AT LEAST
+// {function} _setup (replaces previous constructor),
+// {function} _destroy (replaces previous destroy)
+class Plugin {
+
+  constructor(element, options) {
+    this._setup(element, options);
+    var pluginName = getPluginName(this);
+    this.uuid = GetYoDigits(6, pluginName);
+
+    if(!this.$element.attr(`data-${pluginName}`)){ this.$element.attr(`data-${pluginName}`, this.uuid); }
+    if(!this.$element.data('zfPlugin')){ this.$element.data('zfPlugin', this); }
+    /**
+     * Fires when the plugin has initialized.
+     * @event Plugin#init
+     */
+    this.$element.trigger(`init.zf.${pluginName}`);
+  }
+
+  destroy() {
+    this._destroy();
+    var pluginName = getPluginName(this);
+    this.$element.removeAttr(`data-${pluginName}`).removeData('zfPlugin')
+        /**
+         * Fires when the plugin has been destroyed.
+         * @event Plugin#destroyed
+         */
+        .trigger(`destroyed.zf.${pluginName}`);
+    for(var prop in this){
+      this[prop] = null;//clean up script to prep for garbage collection.
+    }
+  }
+}
+
+// Convert PascalCase to kebab-case
+// Thank you: http://stackoverflow.com/a/8955580
+function hyphenate(str) {
+  return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+}
+
+function getPluginName(obj) {
+  if(typeof(obj.constructor.name) !== 'undefined') {
+    return hyphenate(obj.constructor.name);
+  } else {
+    return hyphenate(obj.className);
+  }
+}
+
+export {Plugin};

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

@@ -0,0 +1,206 @@
+'use strict';
+
+import { Box } from './foundation.util.box';
+import { Plugin } from './foundation.plugin';
+import { rtl as Rtl } from './foundation.util.core';
+
+const POSITIONS = ['left', 'right', 'top', 'bottom'];
+const VERTICAL_ALIGNMENTS = ['top', 'bottom', 'center'];
+const HORIZONTAL_ALIGNMENTS = ['left', 'right', 'center'];
+
+const ALIGNMENTS = {
+  'left': VERTICAL_ALIGNMENTS,
+  'right': VERTICAL_ALIGNMENTS,
+  'top': HORIZONTAL_ALIGNMENTS,
+  'bottom': HORIZONTAL_ALIGNMENTS
+}
+
+function nextItem(item, array) {
+  var currentIdx = array.indexOf(item);
+  if(currentIdx === array.length - 1) {
+    return array[0];
+  } else {
+    return array[currentIdx + 1];
+  }
+}
+
+
+class Positionable extends Plugin {
+  /**
+   * Abstract class encapsulating the tether-like explicit positioning logic
+   * including repositioning based on overlap.
+   * Expects classes to define defaults for vOffset, hOffset, position,
+   * alignment, allowOverlap, and allowBottomOverlap. They can do this by
+   * extending the defaults, or (for now recommended due to the way docs are
+   * generated) by explicitly declaring them.
+   *
+   **/
+
+  _init() {
+    this.triedPositions = {};
+    this.position  = this.options.position === 'auto' ? this._getDefaultPosition() : this.options.position;
+    this.alignment = this.options.alignment === 'auto' ? this._getDefaultAlignment() : this.options.alignment;
+  }
+
+  _getDefaultPosition () {
+    return 'bottom';
+  }
+
+  _getDefaultAlignment() {
+    switch(this.position) {
+      case 'bottom':
+      case 'top':
+        return Rtl() ? 'right' : 'left';
+      case 'left':
+      case 'right':
+        return 'bottom';
+    }
+  }
+
+  /**
+   * Adjusts the positionable possible positions by iterating through alignments
+   * and positions.
+   * @function
+   * @private
+   */
+  _reposition() {
+    if(this._alignmentsExhausted(this.position)) {
+      this.position = nextItem(this.position, POSITIONS);
+      this.alignment = ALIGNMENTS[this.position][0];
+    } else {
+      this._realign();
+    }
+  }
+
+  /**
+   * Adjusts the dropdown pane possible positions by iterating through alignments
+   * on the current position.
+   * @function
+   * @private
+   */
+  _realign() {
+    this._addTriedPosition(this.position, this.alignment)
+    this.alignment = nextItem(this.alignment, ALIGNMENTS[this.position])
+  }
+
+  _addTriedPosition(position, alignment) {
+    this.triedPositions[position] = this.triedPositions[position] || []
+    this.triedPositions[position].push(alignment);
+  }
+
+  _positionsExhausted() {
+    var isExhausted = true;
+    for(var i = 0; i < POSITIONS.length; i++) {
+      isExhausted = isExhausted && this._alignmentsExhausted(POSITIONS[i]);
+    }
+    return isExhausted;
+  }
+
+  _alignmentsExhausted(position) {
+    return this.triedPositions[position] && this.triedPositions[position].length == ALIGNMENTS[position].length;
+  }
+
+
+  // When we're trying to center, we don't want to apply offset that's going to
+  // take us just off center, so wrap around to return 0 for the appropriate
+  // offset in those alignments.  TODO: Figure out if we want to make this
+  // configurable behavior... it feels more intuitive, especially for tooltips, but
+  // it's possible someone might actually want to start from center and then nudge
+  // slightly off.
+  _getVOffset() {
+    return this.options.vOffset;
+  }
+
+  _getHOffset() {
+    return this.options.hOffset;
+  }
+
+
+  _setPosition($anchor, $element, $parent) {
+    if($anchor.attr('aria-expanded') === 'false'){ return false; }
+    var $eleDims = Box.GetDimensions($element),
+        $anchorDims = Box.GetDimensions($anchor);
+
+
+    $element.offset(Box.GetExplicitOffsets($element, $anchor, this.position, this.alignment, this._getVOffset(), this._getHOffset()));
+
+    if(!this.options.allowOverlap) {
+      var overlaps = {};
+      var minOverlap = 100000000;
+      // default coordinates to how we start, in case we can't figure out better
+      var minCoordinates = {position: this.position, alignment: this.alignment};
+      while(!this._positionsExhausted()) {
+        let overlap = Box.OverlapArea($element, $parent, false, false, this.options.allowBottomOverlap);
+        if(overlap === 0) {
+          return;
+        }
+
+        if(overlap < minOverlap) {
+          minOverlap = overlap;
+          minCoordinates = {position: this.position, alignment: this.alignment};
+        }
+
+        this._reposition();
+
+        $element.offset(Box.GetExplicitOffsets($element, $anchor, this.position, this.alignment, this._getVOffset(), this._getHOffset()));
+      }
+      // If we get through the entire loop, there was no non-overlapping
+      // position available. Pick the version with least overlap.
+      this.position = minCoordinates.position;
+      this.alignment = minCoordinates.alignment;
+      $element.offset(Box.GetExplicitOffsets($element, $anchor, this.position, this.alignment, this._getVOffset(), this._getHOffset()));
+    }
+  }
+
+}
+
+Positionable.defaults = {
+  /**
+   * Position of positionable relative to anchor. Can be left, right, bottom, top, or auto.
+   * @option
+   * @type {string}
+   * @default 'auto'
+   */
+  position: 'auto',
+  /**
+   * Alignment of positionable relative to anchor. Can be left, right, bottom, top, center, or auto.
+   * @option
+   * @type {string}
+   * @default 'auto'
+   */
+  alignment: 'auto',
+  /**
+   * Allow overlap of container/window. If false, dropdown positionable first
+   * try to position as defined by data-position and data-alignment, but
+   * reposition if it would cause an overflow.
+   * @option
+   * @type {boolean}
+   * @default false
+   */
+  allowOverlap: false,
+  /**
+   * Allow overlap of only the bottom of the container. This is the most common
+   * behavior for dropdowns, allowing the dropdown to extend the bottom of the
+   * screen but not otherwise influence or break out of the container.
+   * @option
+   * @type {boolean}
+   * @default true
+   */
+  allowBottomOverlap: true,
+  /**
+   * Number of pixels the positionable should be separated vertically from anchor
+   * @option
+   * @type {number}
+   * @default 0
+   */
+  vOffset: 0,
+  /**
+   * Number of pixels the positionable should be separated horizontally from anchor
+   * @option
+   * @type {number}
+   * @default 0
+   */
+  hOffset: 0,
+}
+
+export {Positionable};

data/vendor/assets/js/{foundation.zf.responsiveAccordionTabs.js.es6 → foundation.responsiveAccordionTabs.js.es6}

@@ -1,39 +1,56 @@
 'use strict';
 
-!function($) {
+import $ from 'jquery';
+import { MediaQuery } from './foundation.util.mediaQuery';
+import { GetYoDigits } from './foundation.util.core';
+import { Plugin }from './foundation.plugin';
+
+import { Accordion } from './foundation.accordion';
+import { Tabs } from './foundation.tabs';
+
+// The plugin matches the plugin classes with these plugin instances.
+var MenuPlugins = {
+  tabs: {
+    cssClass: 'tabs',
+    plugin: Tabs
+  },
+  accordion: {
+    cssClass: 'accordion',
+    plugin: Accordion
+  }
+};
+
 
 /**
  * ResponsiveAccordionTabs module.
  * @module foundation.responsiveAccordionTabs
- * @requires foundation.util.keyboard
- * @requires foundation.util.timerAndImageLoader
  * @requires foundation.util.motion
  * @requires foundation.accordion
  * @requires foundation.tabs
  */
 
-class ResponsiveAccordionTabs {
+class ResponsiveAccordionTabs extends Plugin{
   /**
    * Creates a new instance of a responsive accordion tabs.
    * @class
+   * @name ResponsiveAccordionTabs
    * @fires ResponsiveAccordionTabs#init
-   * @param {jQuery} element - jQuery object to make into a dropdown menu.
+   * @param {jQuery} element - jQuery object to make into Responsive Accordion Tabs.
    * @param {Object} options - Overrides to the default plugin settings.
    */
-  constructor(element, options) {
+  _setup(element, options) {
     this.$element = $(element);
     this.options  = $.extend({}, this.$element.data(), options);
     this.rules = this.$element.data('responsive-accordion-tabs');
     this.currentMq = null;
     this.currentPlugin = null;
+    this.className = 'ResponsiveAccordionTabs'; // ie9 back compat
     if (!this.$element.attr('id')) {
-      this.$element.attr('id',Foundation.GetYoDigits(6, 'responsiveaccordiontabs'));
+      this.$element.attr('id',GetYoDigits(6, 'responsiveaccordiontabs'));
     };
 
     this._init();
     this._events();
-
-    Foundation.registerPlugin(this, 'ResponsiveAccordionTabs');
   }
 
   /**
@@ -42,6 +59,8 @@ class ResponsiveAccordionTabs {
    * @private
    */
   _init() {
+    MediaQuery._init();
+
     // The first time an Interchange plugin is initialized, this.rules is converted from a string of "classes" to an object of rules
     if (typeof this.rules === 'string') {
       let rulesTree = {};
@@ -116,7 +135,7 @@ class ResponsiveAccordionTabs {
     var matchedMq, _this = this;
     // Iterate through each rule and find the last matching rule
     $.each(this.rules, function(key) {
-      if (Foundation.MediaQuery.atLeast(key)) {
+      if (MediaQuery.atLeast(key)) {
         matchedMq = key;
       }
     });
@@ -174,7 +193,7 @@ class ResponsiveAccordionTabs {
     if (toSet === 'accordion') {
       $panels.each(function(key,value){
         $(value).appendTo($liHeads.get(key)).addClass('accordion-content').attr('data-tab-content','').removeClass('is-active').css({height:''});
-        $('[data-tabs-content='+_this.$element.attr('id')+']').after('<div id="tabs-placeholder-'+_this.$element.attr('id')+'"></div>').remove();
+        $('[data-tabs-content='+_this.$element.attr('id')+']').after('<div id="tabs-placeholder-'+_this.$element.attr('id')+'"></div>').detach();
         $liHeads.addClass('accordion-item').attr('data-accordion-item','');
         $liHeadsA.addClass('accordion-title');
       });
@@ -190,7 +209,7 @@ class ResponsiveAccordionTabs {
       $panels.each(function(key,value){
         var tempValue = $(value).appendTo($tabsContent).addClass(tabsPanel);
         var hash = $liHeadsA.get(key).hash.slice(1);
-        var id = $(value).attr('id') || Foundation.GetYoDigits(6, 'accordion');
+        var id = $(value).attr('id') || GetYoDigits(6, 'accordion');
         if (hash !== id) {
           if (hash !== '') {
             $(value).attr('id',hash);
@@ -213,28 +232,12 @@ class ResponsiveAccordionTabs {
    * Destroys the instance of the current plugin on this element, as well as the window resize handler that switches the plugins out.
    * @function
    */
-  destroy() {
+  _destroy() {
     if (this.currentPlugin) this.currentPlugin.destroy();
     $(window).off('.zf.ResponsiveAccordionTabs');
-    Foundation.unregisterPlugin(this);
   }
 }
 
 ResponsiveAccordionTabs.defaults = {};
 
-// The plugin matches the plugin classes with these plugin instances.
-var MenuPlugins = {
-  tabs: {
-    cssClass: 'tabs',
-    plugin: Foundation._plugins.tabs || null
-  },
-  accordion: {
-    cssClass: 'accordion',
-    plugin: Foundation._plugins.accordion || null
-  }
-};
-
-// Window exports
-Foundation.plugin(ResponsiveAccordionTabs, 'ResponsiveAccordionTabs');
-
-}(jQuery);
+export {ResponsiveAccordionTabs};