foundation-rails 6.4.1.0 → 6.4.1.2

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

@@ -1,54 +0,0 @@
-'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

@@ -1,206 +0,0 @@
-'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.responsiveAccordionTabs.js.es6

@@ -1,243 +0,0 @@
-'use strict';
-
-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.motion
- * @requires foundation.accordion
- * @requires foundation.tabs
- */
-
-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 Responsive Accordion Tabs.
-   * @param {Object} options - Overrides to the default plugin settings.
-   */
-  _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',GetYoDigits(6, 'responsiveaccordiontabs'));
-    };
-
-    this._init();
-    this._events();
-  }
-
-  /**
-   * Initializes the Menu by parsing the classes from the 'data-responsive-accordion-tabs' attribute on the element.
-   * @function
-   * @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 = {};
-
-      // Parse rules from "classes" pulled from data attribute
-      let rules = this.rules.split(' ');
-
-      // Iterate through every rule found
-      for (let i = 0; i < rules.length; i++) {
-        let rule = rules[i].split('-');
-        let ruleSize = rule.length > 1 ? rule[0] : 'small';
-        let rulePlugin = rule.length > 1 ? rule[1] : rule[0];
-
-        if (MenuPlugins[rulePlugin] !== null) {
-          rulesTree[ruleSize] = MenuPlugins[rulePlugin];
-        }
-      }
-
-      this.rules = rulesTree;
-    }
-
-    this._getAllOptions();
-
-    if (!$.isEmptyObject(this.rules)) {
-      this._checkMediaQueries();
-    }
-  }
-
-  _getAllOptions() {
-    //get all defaults and options
-    var _this = this;
-    _this.allOptions = {};
-    for (var key in MenuPlugins) {
-      if (MenuPlugins.hasOwnProperty(key)) {
-        var obj = MenuPlugins[key];
-        try {
-          var dummyPlugin = $('<ul></ul>');
-          var tmpPlugin = new obj.plugin(dummyPlugin,_this.options);
-          for (var keyKey in tmpPlugin.options) {
-            if (tmpPlugin.options.hasOwnProperty(keyKey) && keyKey !== 'zfPlugin') {
-              var objObj = tmpPlugin.options[keyKey];
-              _this.allOptions[keyKey] = objObj;
-            }
-          }
-          tmpPlugin.destroy();
-        }
-        catch(e) {
-        }
-      }
-    }
-  }
-
-  /**
-   * Initializes events for the Menu.
-   * @function
-   * @private
-   */
-  _events() {
-    var _this = this;
-
-    $(window).on('changed.zf.mediaquery', function() {
-      _this._checkMediaQueries();
-    });
-  }
-
-  /**
-   * Checks the current screen width against available media queries. If the media query has changed, and the plugin needed has changed, the plugins will swap out.
-   * @function
-   * @private
-   */
-  _checkMediaQueries() {
-    var matchedMq, _this = this;
-    // Iterate through each rule and find the last matching rule
-    $.each(this.rules, function(key) {
-      if (MediaQuery.atLeast(key)) {
-        matchedMq = key;
-      }
-    });
-
-    // No match? No dice
-    if (!matchedMq) return;
-
-    // Plugin already initialized? We good
-    if (this.currentPlugin instanceof this.rules[matchedMq].plugin) return;
-
-    // Remove existing plugin-specific CSS classes
-    $.each(MenuPlugins, function(key, value) {
-      _this.$element.removeClass(value.cssClass);
-    });
-
-    // Add the CSS class for the new plugin
-    this.$element.addClass(this.rules[matchedMq].cssClass);
-
-    // Create an instance of the new plugin
-    if (this.currentPlugin) {
-      //don't know why but on nested elements data zfPlugin get's lost
-      if (!this.currentPlugin.$element.data('zfPlugin') && this.storezfData) this.currentPlugin.$element.data('zfPlugin',this.storezfData);
-      this.currentPlugin.destroy();
-    }
-    this._handleMarkup(this.rules[matchedMq].cssClass);
-    this.currentPlugin = new this.rules[matchedMq].plugin(this.$element, {});
-    this.storezfData = this.currentPlugin.$element.data('zfPlugin');
-
-  }
-
-  _handleMarkup(toSet){
-    var _this = this, fromString = 'accordion';
-    var $panels = $('[data-tabs-content='+this.$element.attr('id')+']');
-    if ($panels.length) fromString = 'tabs';
-    if (fromString === toSet) {
-      return;
-    };
-
-    var tabsTitle = _this.allOptions.linkClass?_this.allOptions.linkClass:'tabs-title';
-    var tabsPanel = _this.allOptions.panelClass?_this.allOptions.panelClass:'tabs-panel';
-
-    this.$element.removeAttr('role');
-    var $liHeads = this.$element.children('.'+tabsTitle+',[data-accordion-item]').removeClass(tabsTitle).removeClass('accordion-item').removeAttr('data-accordion-item');
-    var $liHeadsA = $liHeads.children('a').removeClass('accordion-title');
-
-    if (fromString === 'tabs') {
-      $panels = $panels.children('.'+tabsPanel).removeClass(tabsPanel).removeAttr('role').removeAttr('aria-hidden').removeAttr('aria-labelledby');
-      $panels.children('a').removeAttr('role').removeAttr('aria-controls').removeAttr('aria-selected');
-    }else{
-      $panels = $liHeads.children('[data-tab-content]').removeClass('accordion-content');
-    };
-
-    $panels.css({display:'',visibility:''});
-    $liHeads.css({display:'',visibility:''});
-    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>').detach();
-        $liHeads.addClass('accordion-item').attr('data-accordion-item','');
-        $liHeadsA.addClass('accordion-title');
-      });
-    }else if (toSet === 'tabs'){
-      var $tabsContent = $('[data-tabs-content='+_this.$element.attr('id')+']');
-      var $placeholder = $('#tabs-placeholder-'+_this.$element.attr('id'));
-      if ($placeholder.length) {
-        $tabsContent = $('<div class="tabs-content"></div>').insertAfter($placeholder).attr('data-tabs-content',_this.$element.attr('id'));
-        $placeholder.remove();
-      }else{
-        $tabsContent = $('<div class="tabs-content"></div>').insertAfter(_this.$element).attr('data-tabs-content',_this.$element.attr('id'));
-      };
-      $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') || GetYoDigits(6, 'accordion');
-        if (hash !== id) {
-          if (hash !== '') {
-            $(value).attr('id',hash);
-          }else{
-            hash = id;
-            $(value).attr('id',hash);
-            $($liHeadsA.get(key)).attr('href',$($liHeadsA.get(key)).attr('href').replace('#','')+'#'+hash);
-          };
-        };
-        var isActive = $($liHeads.get(key)).hasClass('is-active');
-        if (isActive) {
-          tempValue.addClass('is-active');
-        };
-      });
-      $liHeads.addClass(tabsTitle);
-    };
-  }
-
-  /**
-   * Destroys the instance of the current plugin on this element, as well as the window resize handler that switches the plugins out.
-   * @function
-   */
-  _destroy() {
-    if (this.currentPlugin) this.currentPlugin.destroy();
-    $(window).off('.zf.ResponsiveAccordionTabs');
-  }
-}
-
-ResponsiveAccordionTabs.defaults = {};
-
-export {ResponsiveAccordionTabs};