foundation-rails 6.4.1.0 → 6.4.1.2

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

@@ -1,394 +0,0 @@
-'use strict';
-
-import $ from 'jquery';
-import { Keyboard } from './foundation.util.keyboard';
-import { GetYoDigits } from './foundation.util.core';
-import { Positionable } from './foundation.positionable';
-
-import { Triggers } from './foundation.util.triggers';
-
-
-/**
- * Dropdown module.
- * @module foundation.dropdown
- * @requires foundation.util.keyboard
- * @requires foundation.util.box
- * @requires foundation.util.triggers
- */
-class Dropdown extends Positionable {
-  /**
-   * Creates a new instance of a dropdown.
-   * @class
-   * @name Dropdown
-   * @param {jQuery} element - jQuery object to make into a dropdown.
-   *        Object should be of the dropdown panel, rather than its anchor.
-   * @param {Object} options - Overrides to the default plugin settings.
-   */
-  _setup(element, options) {
-    this.$element = element;
-    this.options = $.extend({}, Dropdown.defaults, this.$element.data(), options);
-    this.className = 'Dropdown'; // ie9 back compat
-
-    // Triggers init is idempotent, just need to make sure it is initialized
-    Triggers.init($);
-
-    this._init();
-
-    Keyboard.register('Dropdown', {
-      'ENTER': 'open',
-      'SPACE': 'open',
-      'ESCAPE': 'close'
-    });
-  }
-
-  /**
-   * Initializes the plugin by setting/checking options and attributes, adding helper variables, and saving the anchor.
-   * @function
-   * @private
-   */
-  _init() {
-    var $id = this.$element.attr('id');
-
-    this.$anchor = $(`[data-toggle="${$id}"]`).length ? $(`[data-toggle="${$id}"]`) : $(`[data-open="${$id}"]`);
-    this.$anchor.attr({
-      'aria-controls': $id,
-      'data-is-focus': false,
-      'data-yeti-box': $id,
-      'aria-haspopup': true,
-      'aria-expanded': false
-
-    });
-
-    if(this.options.parentClass){
-      this.$parent = this.$element.parents('.' + this.options.parentClass);
-    }else{
-      this.$parent = null;
-    }
-
-    this.$element.attr({
-      'aria-hidden': 'true',
-      'data-yeti-box': $id,
-      'data-resize': $id,
-      'aria-labelledby': this.$anchor[0].id || GetYoDigits(6, 'dd-anchor')
-    });
-    super._init();
-    this._events();
-  }
-
-  _getDefaultPosition() {
-    // handle legacy classnames
-    var position = this.$element[0].className.match(/(top|left|right|bottom)/g);
-    if(position) {
-      return position[0];
-    } else {
-      return 'bottom'
-    }
-  }
-
-  _getDefaultAlignment() {
-    // handle legacy float approach
-    var horizontalPosition = /float-(\S+)/.exec(this.$anchor[0].className);
-    if(horizontalPosition) {
-      return horizontalPosition[1];
-    }
-
-    return super._getDefaultAlignment();
-  }
-
-
-
-  /**
-   * Sets the position and orientation of the dropdown pane, checks for collisions if allow-overlap is not true.
-   * Recursively calls itself if a collision is detected, with a new position class.
-   * @function
-   * @private
-   */
-  _setPosition() {
-    super._setPosition(this.$anchor, this.$element, this.$parent);
-  }
-
-  /**
-   * Adds event listeners to the element utilizing the triggers utility library.
-   * @function
-   * @private
-   */
-  _events() {
-    var _this = this;
-    this.$element.on({
-      'open.zf.trigger': this.open.bind(this),
-      'close.zf.trigger': this.close.bind(this),
-      'toggle.zf.trigger': this.toggle.bind(this),
-      'resizeme.zf.trigger': this._setPosition.bind(this)
-    });
-
-    if(this.options.hover){
-      this.$anchor.off('mouseenter.zf.dropdown mouseleave.zf.dropdown')
-      .on('mouseenter.zf.dropdown', function(){
-        var bodyData = $('body').data();
-        if(typeof(bodyData.whatinput) === 'undefined' || bodyData.whatinput === 'mouse') {
-          clearTimeout(_this.timeout);
-          _this.timeout = setTimeout(function(){
-            _this.open();
-            _this.$anchor.data('hover', true);
-          }, _this.options.hoverDelay);
-        }
-      }).on('mouseleave.zf.dropdown', function(){
-        clearTimeout(_this.timeout);
-        _this.timeout = setTimeout(function(){
-          _this.close();
-          _this.$anchor.data('hover', false);
-        }, _this.options.hoverDelay);
-      });
-      if(this.options.hoverPane){
-        this.$element.off('mouseenter.zf.dropdown mouseleave.zf.dropdown')
-            .on('mouseenter.zf.dropdown', function(){
-              clearTimeout(_this.timeout);
-            }).on('mouseleave.zf.dropdown', function(){
-              clearTimeout(_this.timeout);
-              _this.timeout = setTimeout(function(){
-                _this.close();
-                _this.$anchor.data('hover', false);
-              }, _this.options.hoverDelay);
-            });
-      }
-    }
-    this.$anchor.add(this.$element).on('keydown.zf.dropdown', function(e) {
-
-      var $target = $(this),
-        visibleFocusableElements = Keyboard.findFocusable(_this.$element);
-
-      Keyboard.handleKey(e, 'Dropdown', {
-        open: function() {
-          if ($target.is(_this.$anchor)) {
-            _this.open();
-            _this.$element.attr('tabindex', -1).focus();
-            e.preventDefault();
-          }
-        },
-        close: function() {
-          _this.close();
-          _this.$anchor.focus();
-        }
-      });
-    });
-  }
-
-  /**
-   * Adds an event handler to the body to close any dropdowns on a click.
-   * @function
-   * @private
-   */
-  _addBodyHandler() {
-     var $body = $(document.body).not(this.$element),
-         _this = this;
-     $body.off('click.zf.dropdown')
-          .on('click.zf.dropdown', function(e){
-            if(_this.$anchor.is(e.target) || _this.$anchor.find(e.target).length) {
-              return;
-            }
-            if(_this.$element.find(e.target).length) {
-              return;
-            }
-            _this.close();
-            $body.off('click.zf.dropdown');
-          });
-  }
-
-  /**
-   * Opens the dropdown pane, and fires a bubbling event to close other dropdowns.
-   * @function
-   * @fires Dropdown#closeme
-   * @fires Dropdown#show
-   */
-  open() {
-    // var _this = this;
-    /**
-     * Fires to close other open dropdowns, typically when dropdown is opening
-     * @event Dropdown#closeme
-     */
-    this.$element.trigger('closeme.zf.dropdown', this.$element.attr('id'));
-    this.$anchor.addClass('hover')
-        .attr({'aria-expanded': true});
-    // this.$element/*.show()*/;
-
-    this.$element.addClass('is-opening');
-    this._setPosition();
-    this.$element.removeClass('is-opening').addClass('is-open')
-        .attr({'aria-hidden': false});
-
-    if(this.options.autoFocus){
-      var $focusable = Keyboard.findFocusable(this.$element);
-      if($focusable.length){
-        $focusable.eq(0).focus();
-      }
-    }
-
-    if(this.options.closeOnClick){ this._addBodyHandler(); }
-
-    if (this.options.trapFocus) {
-      Keyboard.trapFocus(this.$element);
-    }
-
-    /**
-     * Fires once the dropdown is visible.
-     * @event Dropdown#show
-     */
-    this.$element.trigger('show.zf.dropdown', [this.$element]);
-  }
-
-  /**
-   * Closes the open dropdown pane.
-   * @function
-   * @fires Dropdown#hide
-   */
-  close() {
-    if(!this.$element.hasClass('is-open')){
-      return false;
-    }
-    this.$element.removeClass('is-open')
-        .attr({'aria-hidden': true});
-
-    this.$anchor.removeClass('hover')
-        .attr('aria-expanded', false);
-
-    /**
-     * Fires once the dropdown is no longer visible.
-     * @event Dropdown#hide
-     */
-    this.$element.trigger('hide.zf.dropdown', [this.$element]);
-
-    if (this.options.trapFocus) {
-      Keyboard.releaseFocus(this.$element);
-    }
-  }
-
-  /**
-   * Toggles the dropdown pane's visibility.
-   * @function
-   */
-  toggle() {
-    if(this.$element.hasClass('is-open')){
-      if(this.$anchor.data('hover')) return;
-      this.close();
-    }else{
-      this.open();
-    }
-  }
-
-  /**
-   * Destroys the dropdown.
-   * @function
-   */
-  _destroy() {
-    this.$element.off('.zf.trigger').hide();
-    this.$anchor.off('.zf.dropdown');
-    $(document.body).off('click.zf.dropdown');
-
-  }
-}
-
-Dropdown.defaults = {
-  /**
-   * Class that designates bounding container of Dropdown (default: window)
-   * @option
-   * @type {?string}
-   * @default null
-   */
-  parentClass: null,
-  /**
-   * Amount of time to delay opening a submenu on hover event.
-   * @option
-   * @type {number}
-   * @default 250
-   */
-  hoverDelay: 250,
-  /**
-   * Allow submenus to open on hover events
-   * @option
-   * @type {boolean}
-   * @default false
-   */
-  hover: false,
-  /**
-   * Don't close dropdown when hovering over dropdown pane
-   * @option
-   * @type {boolean}
-   * @default false
-   */
-  hoverPane: false,
-  /**
-   * Number of pixels between the dropdown pane and the triggering element on open.
-   * @option
-   * @type {number}
-   * @default 0
-   */
-  vOffset: 0,
-  /**
-   * Number of pixels between the dropdown pane and the triggering element on open.
-   * @option
-   * @type {number}
-   * @default 0
-   */
-  hOffset: 0,
-  /**
-   * DEPRECATED: Class applied to adjust open position.
-   * @option
-   * @type {string}
-   * @default ''
-   */
-  positionClass: '',
-
-  /**
-   * Position of dropdown. Can be left, right, bottom, top, or auto.
-   * @option
-   * @type {string}
-   * @default 'auto'
-   */
-  position: 'auto',
-  /**
-   * Alignment of dropdown 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 will 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,
-  /**
-   * Allow the plugin to trap focus to the dropdown pane if opened with keyboard commands.
-   * @option
-   * @type {boolean}
-   * @default false
-   */
-  trapFocus: false,
-  /**
-   * Allow the plugin to set focus to the first focusable element within the pane, regardless of method of opening.
-   * @option
-   * @type {boolean}
-   * @default false
-   */
-  autoFocus: false,
-  /**
-   * Allows a click on the body to close the dropdown.
-   * @option
-   * @type {boolean}
-   * @default false
-   */
-  closeOnClick: false
-}
-
-export {Dropdown};

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

@@ -1,458 +0,0 @@
-'use strict';
-
-import $ from 'jquery';
-import { Keyboard } from './foundation.util.keyboard';
-import { Nest } from './foundation.util.nest';
-import { Box } from './foundation.util.box';
-import { rtl as Rtl } from './foundation.util.core';
-import { Plugin } from './foundation.plugin';
-
-
-/**
- * DropdownMenu module.
- * @module foundation.dropdown-menu
- * @requires foundation.util.keyboard
- * @requires foundation.util.box
- * @requires foundation.util.nest
- */
-
-class DropdownMenu extends Plugin {
-  /**
-   * Creates a new instance of DropdownMenu.
-   * @class
-   * @name DropdownMenu
-   * @fires DropdownMenu#init
-   * @param {jQuery} element - jQuery object to make into a dropdown menu.
-   * @param {Object} options - Overrides to the default plugin settings.
-   */
-  _setup(element, options) {
-    this.$element = element;
-    this.options = $.extend({}, DropdownMenu.defaults, this.$element.data(), options);
-    this.className = 'DropdownMenu'; // ie9 back compat
-
-    Nest.Feather(this.$element, 'dropdown');
-    this._init();
-
-    Keyboard.register('DropdownMenu', {
-      'ENTER': 'open',
-      'SPACE': 'open',
-      'ARROW_RIGHT': 'next',
-      'ARROW_UP': 'up',
-      'ARROW_DOWN': 'down',
-      'ARROW_LEFT': 'previous',
-      'ESCAPE': 'close'
-    });
-  }
-
-  /**
-   * Initializes the plugin, and calls _prepareMenu
-   * @private
-   * @function
-   */
-  _init() {
-    var subs = this.$element.find('li.is-dropdown-submenu-parent');
-    this.$element.children('.is-dropdown-submenu-parent').children('.is-dropdown-submenu').addClass('first-sub');
-
-    this.$menuItems = this.$element.find('[role="menuitem"]');
-    this.$tabs = this.$element.children('[role="menuitem"]');
-    this.$tabs.find('ul.is-dropdown-submenu').addClass(this.options.verticalClass);
-
-    if (this.options.alignment === 'auto') {
-        if (this.$element.hasClass(this.options.rightClass) || Rtl() || this.$element.parents('.top-bar-right').is('*')) {
-            this.options.alignment = 'right';
-            subs.addClass('opens-left');
-        } else {
-            this.options.alignment = 'left';
-            subs.addClass('opens-right');
-        }
-    } else {
-      if (this.options.alignment === 'right') {
-          subs.addClass('opens-left');
-      } else {
-          subs.addClass('opens-right');
-      }
-    }
-    this.changed = false;
-    this._events();
-  };
-
-  _isVertical() {
-    return this.$tabs.css('display') === 'block' || this.$element.css('flex-direction') === 'column';
-  }
-
-  _isRtl() {
-    return this.$element.hasClass('align-right') || (Rtl() && !this.$element.hasClass('align-left'));
-  }
-
-  /**
-   * Adds event listeners to elements within the menu
-   * @private
-   * @function
-   */
-  _events() {
-    var _this = this,
-        hasTouch = 'ontouchstart' in window || (typeof window.ontouchstart !== 'undefined'),
-        parClass = 'is-dropdown-submenu-parent';
-
-    // used for onClick and in the keyboard handlers
-    var handleClickFn = function(e) {
-      var $elem = $(e.target).parentsUntil('ul', `.${parClass}`),
-          hasSub = $elem.hasClass(parClass),
-          hasClicked = $elem.attr('data-is-click') === 'true',
-          $sub = $elem.children('.is-dropdown-submenu');
-
-      if (hasSub) {
-        if (hasClicked) {
-          if (!_this.options.closeOnClick || (!_this.options.clickOpen && !hasTouch) || (_this.options.forceFollow && hasTouch)) { return; }
-          else {
-            e.stopImmediatePropagation();
-            e.preventDefault();
-            _this._hide($elem);
-          }
-        } else {
-          e.preventDefault();
-          e.stopImmediatePropagation();
-          _this._show($sub);
-          $elem.add($elem.parentsUntil(_this.$element, `.${parClass}`)).attr('data-is-click', true);
-        }
-      }
-    };
-
-    if (this.options.clickOpen || hasTouch) {
-      this.$menuItems.on('click.zf.dropdownmenu touchstart.zf.dropdownmenu', handleClickFn);
-    }
-
-    // Handle Leaf element Clicks
-    if(_this.options.closeOnClickInside){
-      this.$menuItems.on('click.zf.dropdownmenu', function(e) {
-        var $elem = $(this),
-            hasSub = $elem.hasClass(parClass);
-        if(!hasSub){
-          _this._hide();
-        }
-      });
-    }
-
-    if (!this.options.disableHover) {
-      this.$menuItems.on('mouseenter.zf.dropdownmenu', function(e) {
-        var $elem = $(this),
-            hasSub = $elem.hasClass(parClass);
-
-        if (hasSub) {
-          clearTimeout($elem.data('_delay'));
-          $elem.data('_delay', setTimeout(function() {
-            _this._show($elem.children('.is-dropdown-submenu'));
-          }, _this.options.hoverDelay));
-        }
-      }).on('mouseleave.zf.dropdownmenu', function(e) {
-        var $elem = $(this),
-            hasSub = $elem.hasClass(parClass);
-        if (hasSub && _this.options.autoclose) {
-          if ($elem.attr('data-is-click') === 'true' && _this.options.clickOpen) { return false; }
-
-          clearTimeout($elem.data('_delay'));
-          $elem.data('_delay', setTimeout(function() {
-            _this._hide($elem);
-          }, _this.options.closingTime));
-        }
-      });
-    }
-    this.$menuItems.on('keydown.zf.dropdownmenu', function(e) {
-      var $element = $(e.target).parentsUntil('ul', '[role="menuitem"]'),
-          isTab = _this.$tabs.index($element) > -1,
-          $elements = isTab ? _this.$tabs : $element.siblings('li').add($element),
-          $prevElement,
-          $nextElement;
-
-      $elements.each(function(i) {
-        if ($(this).is($element)) {
-          $prevElement = $elements.eq(i-1);
-          $nextElement = $elements.eq(i+1);
-          return;
-        }
-      });
-
-      var nextSibling = function() {
-        if (!$element.is(':last-child')) {
-          $nextElement.children('a:first').focus();
-          e.preventDefault();
-        }
-      }, prevSibling = function() {
-        $prevElement.children('a:first').focus();
-        e.preventDefault();
-      }, openSub = function() {
-        var $sub = $element.children('ul.is-dropdown-submenu');
-        if ($sub.length) {
-          _this._show($sub);
-          $element.find('li > a:first').focus();
-          e.preventDefault();
-        } else { return; }
-      }, closeSub = function() {
-        //if ($element.is(':first-child')) {
-        var close = $element.parent('ul').parent('li');
-        close.children('a:first').focus();
-        _this._hide(close);
-        e.preventDefault();
-        //}
-      };
-      var functions = {
-        open: openSub,
-        close: function() {
-          _this._hide(_this.$element);
-          _this.$menuItems.eq(0).children('a').focus(); // focus to first element
-          e.preventDefault();
-        },
-        handled: function() {
-          e.stopImmediatePropagation();
-        }
-      };
-
-      if (isTab) {
-        if (_this._isVertical()) { // vertical menu
-          if (_this._isRtl()) { // right aligned
-            $.extend(functions, {
-              down: nextSibling,
-              up: prevSibling,
-              next: closeSub,
-              previous: openSub
-            });
-          } else { // left aligned
-            $.extend(functions, {
-              down: nextSibling,
-              up: prevSibling,
-              next: openSub,
-              previous: closeSub
-            });
-          }
-        } else { // horizontal menu
-          if (_this._isRtl()) { // right aligned
-            $.extend(functions, {
-              next: prevSibling,
-              previous: nextSibling,
-              down: openSub,
-              up: closeSub
-            });
-          } else { // left aligned
-            $.extend(functions, {
-              next: nextSibling,
-              previous: prevSibling,
-              down: openSub,
-              up: closeSub
-            });
-          }
-        }
-      } else { // not tabs -> one sub
-        if (_this._isRtl()) { // right aligned
-          $.extend(functions, {
-            next: closeSub,
-            previous: openSub,
-            down: nextSibling,
-            up: prevSibling
-          });
-        } else { // left aligned
-          $.extend(functions, {
-            next: openSub,
-            previous: closeSub,
-            down: nextSibling,
-            up: prevSibling
-          });
-        }
-      }
-      Keyboard.handleKey(e, 'DropdownMenu', functions);
-
-    });
-  }
-
-  /**
-   * Adds an event handler to the body to close any dropdowns on a click.
-   * @function
-   * @private
-   */
-  _addBodyHandler() {
-    var $body = $(document.body),
-        _this = this;
-    $body.off('mouseup.zf.dropdownmenu touchend.zf.dropdownmenu')
-         .on('mouseup.zf.dropdownmenu touchend.zf.dropdownmenu', function(e) {
-           var $link = _this.$element.find(e.target);
-           if ($link.length) { return; }
-
-           _this._hide();
-           $body.off('mouseup.zf.dropdownmenu touchend.zf.dropdownmenu');
-         });
-  }
-
-  /**
-   * Opens a dropdown pane, and checks for collisions first.
-   * @param {jQuery} $sub - ul element that is a submenu to show
-   * @function
-   * @private
-   * @fires DropdownMenu#show
-   */
-  _show($sub) {
-    var idx = this.$tabs.index(this.$tabs.filter(function(i, el) {
-      return $(el).find($sub).length > 0;
-    }));
-    var $sibs = $sub.parent('li.is-dropdown-submenu-parent').siblings('li.is-dropdown-submenu-parent');
-    this._hide($sibs, idx);
-    $sub.css('visibility', 'hidden').addClass('js-dropdown-active')
-        .parent('li.is-dropdown-submenu-parent').addClass('is-active');
-    var clear = Box.ImNotTouchingYou($sub, null, true);
-    if (!clear) {
-      var oldClass = this.options.alignment === 'left' ? '-right' : '-left',
-          $parentLi = $sub.parent('.is-dropdown-submenu-parent');
-      $parentLi.removeClass(`opens${oldClass}`).addClass(`opens-${this.options.alignment}`);
-      clear = Box.ImNotTouchingYou($sub, null, true);
-      if (!clear) {
-        $parentLi.removeClass(`opens-${this.options.alignment}`).addClass('opens-inner');
-      }
-      this.changed = true;
-    }
-    $sub.css('visibility', '');
-    if (this.options.closeOnClick) { this._addBodyHandler(); }
-    /**
-     * Fires when the new dropdown pane is visible.
-     * @event DropdownMenu#show
-     */
-    this.$element.trigger('show.zf.dropdownmenu', [$sub]);
-  }
-
-  /**
-   * Hides a single, currently open dropdown pane, if passed a parameter, otherwise, hides everything.
-   * @function
-   * @param {jQuery} $elem - element with a submenu to hide
-   * @param {Number} idx - index of the $tabs collection to hide
-   * @private
-   */
-  _hide($elem, idx) {
-    var $toClose;
-    if ($elem && $elem.length) {
-      $toClose = $elem;
-    } else if (idx !== undefined) {
-      $toClose = this.$tabs.not(function(i, el) {
-        return i === idx;
-      });
-    }
-    else {
-      $toClose = this.$element;
-    }
-    var somethingToClose = $toClose.hasClass('is-active') || $toClose.find('.is-active').length > 0;
-
-    if (somethingToClose) {
-      $toClose.find('li.is-active').add($toClose).attr({
-        'data-is-click': false
-      }).removeClass('is-active');
-
-      $toClose.find('ul.js-dropdown-active').removeClass('js-dropdown-active');
-
-      if (this.changed || $toClose.find('opens-inner').length) {
-        var oldClass = this.options.alignment === 'left' ? 'right' : 'left';
-        $toClose.find('li.is-dropdown-submenu-parent').add($toClose)
-                .removeClass(`opens-inner opens-${this.options.alignment}`)
-                .addClass(`opens-${oldClass}`);
-        this.changed = false;
-      }
-      /**
-       * Fires when the open menus are closed.
-       * @event DropdownMenu#hide
-       */
-      this.$element.trigger('hide.zf.dropdownmenu', [$toClose]);
-    }
-  }
-
-  /**
-   * Destroys the plugin.
-   * @function
-   */
-  _destroy() {
-    this.$menuItems.off('.zf.dropdownmenu').removeAttr('data-is-click')
-        .removeClass('is-right-arrow is-left-arrow is-down-arrow opens-right opens-left opens-inner');
-    $(document.body).off('.zf.dropdownmenu');
-    Nest.Burn(this.$element, 'dropdown');
-  }
-}
-
-/**
- * Default settings for plugin
- */
-DropdownMenu.defaults = {
-  /**
-   * Disallows hover events from opening submenus
-   * @option
-   * @type {boolean}
-   * @default false
-   */
-  disableHover: false,
-  /**
-   * Allow a submenu to automatically close on a mouseleave event, if not clicked open.
-   * @option
-   * @type {boolean}
-   * @default true
-   */
-  autoclose: true,
-  /**
-   * Amount of time to delay opening a submenu on hover event.
-   * @option
-   * @type {number}
-   * @default 50
-   */
-  hoverDelay: 50,
-  /**
-   * Allow a submenu to open/remain open on parent click event. Allows cursor to move away from menu.
-   * @option
-   * @type {boolean}
-   * @default false
-   */
-  clickOpen: false,
-  /**
-   * Amount of time to delay closing a submenu on a mouseleave event.
-   * @option
-   * @type {number}
-   * @default 500
-   */
-
-  closingTime: 500,
-  /**
-   * Position of the menu relative to what direction the submenus should open. Handled by JS. Can be `'auto'`, `'left'` or `'right'`.
-   * @option
-   * @type {string}
-   * @default 'auto'
-   */
-  alignment: 'auto',
-  /**
-   * Allow clicks on the body to close any open submenus.
-   * @option
-   * @type {boolean}
-   * @default true
-   */
-  closeOnClick: true,
-  /**
-   * Allow clicks on leaf anchor links to close any open submenus.
-   * @option
-   * @type {boolean}
-   * @default true
-   */
-  closeOnClickInside: true,
-  /**
-   * Class applied to vertical oriented menus, Foundation default is `vertical`. Update this if using your own class.
-   * @option
-   * @type {string}
-   * @default 'vertical'
-   */
-  verticalClass: 'vertical',
-  /**
-   * Class applied to right-side oriented menus, Foundation default is `align-right`. Update this if using your own class.
-   * @option
-   * @type {string}
-   * @default 'align-right'
-   */
-  rightClass: 'align-right',
-  /**
-   * Boolean to force overide the clicking of links to perform default action, on second touch event for mobile.
-   * @option
-   * @type {boolean}
-   * @default true
-   */
-  forceFollow: true
-};
-
-export {DropdownMenu};