foundation-rails 6.4.1.0 → 6.4.1.2

data/vendor/assets/js/foundation.zf.responsiveAccordionTabs.js

@@ -0,0 +1,262 @@
+'use strict';
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+!function ($) {
+
+  /**
+   * ResponsiveAccordionTabs module.
+   * @module foundation.responsiveAccordionTabs
+   * @requires foundation.util.keyboard
+   * @requires foundation.util.timerAndImageLoader
+   * @requires foundation.util.motion
+   * @requires foundation.accordion
+   * @requires foundation.tabs
+   */
+
+  var ResponsiveAccordionTabs = function () {
+    /**
+     * Creates a new instance of a responsive accordion tabs.
+     * @class
+     * @fires ResponsiveAccordionTabs#init
+     * @param {jQuery} element - jQuery object to make into a dropdown menu.
+     * @param {Object} options - Overrides to the default plugin settings.
+     */
+    function ResponsiveAccordionTabs(element, options) {
+      _classCallCheck(this, ResponsiveAccordionTabs);
+
+      this.$element = $(element);
+      this.options = $.extend({}, this.$element.data(), options);
+      this.rules = this.$element.data('responsive-accordion-tabs');
+      this.currentMq = null;
+      this.currentPlugin = null;
+      if (!this.$element.attr('id')) {
+        this.$element.attr('id', Foundation.GetYoDigits(6, 'responsiveaccordiontabs'));
+      };
+
+      this._init();
+      this._events();
+
+      Foundation.registerPlugin(this, 'ResponsiveAccordionTabs');
+    }
+
+    /**
+     * Initializes the Menu by parsing the classes from the 'data-responsive-accordion-tabs' attribute on the element.
+     * @function
+     * @private
+     */
+
+
+    _createClass(ResponsiveAccordionTabs, [{
+      key: '_init',
+      value: function _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') {
+          var rulesTree = {};
+
+          // Parse rules from "classes" pulled from data attribute
+          var rules = this.rules.split(' ');
+
+          // Iterate through every rule found
+          for (var i = 0; i < rules.length; i++) {
+            var rule = rules[i].split('-');
+            var ruleSize = rule.length > 1 ? rule[0] : 'small';
+            var 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();
+        }
+      }
+    }, {
+      key: '_getAllOptions',
+      value: function _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
+       */
+
+    }, {
+      key: '_events',
+      value: function _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
+       */
+
+    }, {
+      key: '_checkMediaQueries',
+      value: function _checkMediaQueries() {
+        var matchedMq,
+            _this = this;
+        // Iterate through each rule and find the last matching rule
+        $.each(this.rules, function (key) {
+          if (Foundation.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');
+      }
+    }, {
+      key: '_handleMarkup',
+      value: function _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>').remove();
+            $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') || Foundation.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
+       */
+
+    }, {
+      key: 'destroy',
+      value: function destroy() {
+        if (this.currentPlugin) this.currentPlugin.destroy();
+        $(window).off('.zf.ResponsiveAccordionTabs');
+        Foundation.unregisterPlugin(this);
+      }
+    }]);
+
+    return ResponsiveAccordionTabs;
+  }();
+
+  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);

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: foundation-rails
 version: !ruby/object:Gem::Version
-  version: 6.4.1.0
+  version: 6.4.1.2
 platform: ruby
 authors:
 - ZURB
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-07-03 00:00:00.000000000 Z
+date: 2017-07-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -171,74 +171,40 @@ files:
 - vendor/assets/_vendor/sassy-lists/stylesheets/functions/_to-list.scss
 - vendor/assets/_vendor/sassy-lists/stylesheets/helpers/_missing-dependencies.scss
 - vendor/assets/_vendor/sassy-lists/stylesheets/helpers/_true.scss
-- vendor/assets/js/entries/foundation-plugins.js
-- vendor/assets/js/entries/foundation.js
-- vendor/assets/js/entries/plugins/foundation.abide.js
-- vendor/assets/js/entries/plugins/foundation.accordion.js
-- vendor/assets/js/entries/plugins/foundation.accordionMenu.js
-- vendor/assets/js/entries/plugins/foundation.core.js
-- vendor/assets/js/entries/plugins/foundation.drilldown.js
-- vendor/assets/js/entries/plugins/foundation.dropdown.js
-- vendor/assets/js/entries/plugins/foundation.dropdownMenu.js
-- vendor/assets/js/entries/plugins/foundation.equalizer.js
-- vendor/assets/js/entries/plugins/foundation.interchange.js
-- vendor/assets/js/entries/plugins/foundation.magellan.js
-- vendor/assets/js/entries/plugins/foundation.offcanvas.js
-- vendor/assets/js/entries/plugins/foundation.orbit.js
-- vendor/assets/js/entries/plugins/foundation.responsiveAccordionTabs.js
-- vendor/assets/js/entries/plugins/foundation.responsiveMenu.js
-- vendor/assets/js/entries/plugins/foundation.responsiveToggle.js
-- vendor/assets/js/entries/plugins/foundation.reveal.js
-- vendor/assets/js/entries/plugins/foundation.slider.js
-- vendor/assets/js/entries/plugins/foundation.smoothScroll.js
-- vendor/assets/js/entries/plugins/foundation.sticky.js
-- vendor/assets/js/entries/plugins/foundation.tabs.js
-- vendor/assets/js/entries/plugins/foundation.toggler.js
-- vendor/assets/js/entries/plugins/foundation.tooltip.js
-- vendor/assets/js/entries/plugins/foundation.util.box.js
-- vendor/assets/js/entries/plugins/foundation.util.imageLoader.js
-- vendor/assets/js/entries/plugins/foundation.util.keyboard.js
-- vendor/assets/js/entries/plugins/foundation.util.mediaQuery.js
-- vendor/assets/js/entries/plugins/foundation.util.motion.js
-- vendor/assets/js/entries/plugins/foundation.util.nest.js
-- vendor/assets/js/entries/plugins/foundation.util.timer.js
-- vendor/assets/js/entries/plugins/foundation.util.touch.js
-- vendor/assets/js/entries/plugins/foundation.util.triggers.js
-- vendor/assets/js/foundation.abide.js.es6
-- vendor/assets/js/foundation.accordion.js.es6
-- vendor/assets/js/foundation.accordionMenu.js.es6
-- vendor/assets/js/foundation.core.js.es6
-- vendor/assets/js/foundation.drilldown.js.es6
-- vendor/assets/js/foundation.dropdown.js.es6
-- vendor/assets/js/foundation.dropdownMenu.js.es6
-- vendor/assets/js/foundation.equalizer.js.es6
-- vendor/assets/js/foundation.interchange.js.es6
-- vendor/assets/js/foundation.js.es6
-- vendor/assets/js/foundation.magellan.js.es6
-- vendor/assets/js/foundation.offcanvas.js.es6
-- vendor/assets/js/foundation.orbit.js.es6
-- vendor/assets/js/foundation.plugin.js.es6
-- vendor/assets/js/foundation.positionable.js.es6
-- vendor/assets/js/foundation.responsiveAccordionTabs.js.es6
-- vendor/assets/js/foundation.responsiveMenu.js.es6
-- vendor/assets/js/foundation.responsiveToggle.js.es6
-- vendor/assets/js/foundation.reveal.js.es6
-- vendor/assets/js/foundation.slider.js.es6
-- vendor/assets/js/foundation.smoothScroll.js.es6
-- vendor/assets/js/foundation.sticky.js.es6
-- vendor/assets/js/foundation.tabs.js.es6
-- vendor/assets/js/foundation.toggler.js.es6
-- vendor/assets/js/foundation.tooltip.js.es6
-- vendor/assets/js/foundation.util.box.js.es6
-- vendor/assets/js/foundation.util.core.js.es6
-- vendor/assets/js/foundation.util.imageLoader.js.es6
-- vendor/assets/js/foundation.util.keyboard.js.es6
-- vendor/assets/js/foundation.util.mediaQuery.js.es6
-- vendor/assets/js/foundation.util.motion.js.es6
-- vendor/assets/js/foundation.util.nest.js.es6
-- vendor/assets/js/foundation.util.timer.js.es6
-- vendor/assets/js/foundation.util.touch.js.es6
-- vendor/assets/js/foundation.util.triggers.js.es6
+- vendor/assets/js/foundation.abide.js
+- vendor/assets/js/foundation.accordion.js
+- vendor/assets/js/foundation.accordionMenu.js
+- vendor/assets/js/foundation.core.js
+- vendor/assets/js/foundation.drilldown.js
+- vendor/assets/js/foundation.dropdown.js
+- vendor/assets/js/foundation.dropdownMenu.js
+- vendor/assets/js/foundation.equalizer.js
+- vendor/assets/js/foundation.interchange.js
+- vendor/assets/js/foundation.js
+- vendor/assets/js/foundation.magellan.js
+- vendor/assets/js/foundation.offcanvas.js
+- vendor/assets/js/foundation.orbit.js
+- vendor/assets/js/foundation.responsiveAccordionTabs.js
+- vendor/assets/js/foundation.responsiveMenu.js
+- vendor/assets/js/foundation.responsiveToggle.js
+- vendor/assets/js/foundation.reveal.js
+- vendor/assets/js/foundation.slider.js
+- vendor/assets/js/foundation.smoothScroll.js
+- vendor/assets/js/foundation.sticky.js
+- vendor/assets/js/foundation.tabs.js
+- vendor/assets/js/foundation.toggler.js
+- vendor/assets/js/foundation.tooltip.js
+- vendor/assets/js/foundation.util.box.js
+- vendor/assets/js/foundation.util.imageLoader.js
+- vendor/assets/js/foundation.util.keyboard.js
+- vendor/assets/js/foundation.util.mediaQuery.js
+- vendor/assets/js/foundation.util.motion.js
+- vendor/assets/js/foundation.util.nest.js
+- vendor/assets/js/foundation.util.timer.js
+- vendor/assets/js/foundation.util.timerAndImageLoader.js
+- vendor/assets/js/foundation.util.touch.js
+- vendor/assets/js/foundation.util.triggers.js
+- vendor/assets/js/foundation.zf.responsiveAccordionTabs.js
 - vendor/assets/scss/_global.scss
 - vendor/assets/scss/components/_accordion-menu.scss
 - vendor/assets/scss/components/_accordion.scss
@@ -387,7 +353,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5
+rubygems_version: 2.4.8
 signing_key: 
 specification_version: 4
 summary: ZURB Foundation on Sass/Compass

data/vendor/assets/js/entries/foundation-plugins.js

@@ -1,25 +0,0 @@
-import { Abide } from '../foundation.abide';
-import { Accordion } from '../foundation.accordion';
-import { AccordionMenu } from '../foundation.accordionMenu';
-import { Drilldown } from '../foundation.drilldown';
-import { Dropdown } from '../foundation.dropdown';
-import { DropdownMenu } from '../foundation.dropdownMenu';
-import { Equalizer } from '../foundation.equalizer';
-import { Interchange } from '../foundation.interchange';
-import { Magellan } from '../foundation.magellan';
-import { OffCanvas } from '../foundation.offcanvas';
-import { Orbit } from '../foundation.orbit';
-import { ResponsiveMenu } from '../foundation.responsiveMenu';
-import { ResponsiveToggle } from '../foundation.responsiveToggle';
-import { Reveal } from '../foundation.reveal';
-import { Slider } from '../foundation.slider';
-import { SmoothScroll } from '../foundation.smoothScroll';
-import { Sticky } from '../foundation.sticky';
-import { Tabs } from '../foundation.tabs';
-import { Toggler } from '../foundation.toggler';
-import { Tooltip } from '../foundation.tooltip';
-import { ResponsiveAccordionTabs } from '../foundation.responsiveAccordionTabs';
-
-export {
-  Abide, Accordion, AccordionMenu, Drilldown, Dropdown, DropdownMenu, Equalizer, Interchange, Magellan, OffCanvas, Orbit, ResponsiveMenu, ResponsiveToggle, Reveal, Slider, SmoothScroll, Sticky, Tabs, Toggler, Tooltip, ResponsiveAccordionTabs
-}

data/vendor/assets/js/entries/foundation.js

@@ -1,101 +0,0 @@
-import $ from 'jquery';
-
-import { Foundation } from '../foundation.core';
-Foundation.addToJquery($);
-
-// Add Foundation Utils to Foundation global namespace for backwards
-// compatibility.
-
-import { rtl, GetYoDigits, transitionend } from '../foundation.util.core';
-Foundation.rtl = rtl;
-Foundation.GetYoDigits = GetYoDigits;
-Foundation.transitionend = transitionend;
-
-import { Box } from '../foundation.util.box'
-import { onImagesLoaded } from '../foundation.util.imageLoader';
-import { Keyboard } from '../foundation.util.keyboard';
-import { MediaQuery } from '../foundation.util.mediaQuery';
-import { Motion, Move } from '../foundation.util.motion';
-import { Nest } from '../foundation.util.nest';
-import { Timer } from '../foundation.util.timer';
-
-Foundation.Box = Box;
-Foundation.onImagesLoaded = onImagesLoaded;
-Foundation.Keyboard = Keyboard;
-Foundation.MediaQuery = MediaQuery;
-Foundation.Motion = Motion;
-Foundation.Move = Move;
-Foundation.Nest = Nest;
-Foundation.Timer = Timer;
-
-// Touch and Triggers previously were almost purely sede effect driven,
-// so no // need to add it to Foundation, just init them.
-
-import { Touch } from '../foundation.util.touch';
-Touch.init($);
-
-import { Triggers } from '../foundation.util.triggers';
-Triggers.init($, Foundation);
-
-import { Abide } from '../foundation.abide';
-Foundation.plugin(Abide, 'Abide');
-
-import { Accordion } from '../foundation.accordion';
-Foundation.plugin(Accordion, 'Accordion');
-
-import { AccordionMenu } from '../foundation.accordionMenu';
-Foundation.plugin(AccordionMenu, 'AccordionMenu');
-
-import { Drilldown } from '../foundation.drilldown';
-Foundation.plugin(Drilldown, 'Drilldown');
-
-import { Dropdown } from '../foundation.dropdown';
-Foundation.plugin(Dropdown, 'Dropdown');
-
-import { DropdownMenu } from '../foundation.dropdownMenu';
-Foundation.plugin(DropdownMenu, 'DropdownMenu');
-
-import { Equalizer } from '../foundation.equalizer';
-Foundation.plugin(Equalizer, 'Equalizer');
-
-import { Interchange } from '../foundation.interchange';
-Foundation.plugin(Interchange, 'Interchange');
-
-import { Magellan } from '../foundation.magellan';
-Foundation.plugin(Magellan, 'Magellan');
-
-import { OffCanvas } from '../foundation.offcanvas';
-Foundation.plugin(OffCanvas, 'OffCanvas');
-
-import { Orbit } from '../foundation.orbit';
-Foundation.plugin(Orbit, 'Orbit');
-
-import { ResponsiveMenu } from '../foundation.responsiveMenu';
-Foundation.plugin(ResponsiveMenu, 'ResponsiveMenu');
-
-import { ResponsiveToggle } from '../foundation.responsiveToggle';
-Foundation.plugin(ResponsiveToggle, 'ResponsiveToggle');
-
-import { Reveal } from '../foundation.reveal';
-Foundation.plugin(Reveal, 'Reveal');
-
-import { Slider } from '../foundation.slider';
-Foundation.plugin(Slider, 'Slider');
-
-import { SmoothScroll } from '../foundation.smoothScroll';
-Foundation.plugin(SmoothScroll, 'SmoothScroll');
-
-import { Sticky } from '../foundation.sticky';
-Foundation.plugin(Sticky, 'Sticky');
-
-import { Tabs } from '../foundation.tabs';
-Foundation.plugin(Tabs, 'Tabs');
-
-import { Toggler } from '../foundation.toggler';
-Foundation.plugin(Toggler, 'Toggler');
-
-import { Tooltip } from '../foundation.tooltip';
-Foundation.plugin(Tooltip, 'Tooltip');
-
-import { ResponsiveAccordionTabs } from '../foundation.responsiveAccordionTabs';
-Foundation.plugin(ResponsiveAccordionTabs, 'ResponsiveAccordionTabs');