jekyll-theme-pirati 7.6.0 → 8.0.0.pre.alpha1

data/_sass/foundation-sites/js/foundation.sticky.js

@@ -1,450 +0,0 @@
-'use strict';
-
-!function($) {
-
-/**
- * Sticky module.
- * @module foundation.sticky
- * @requires foundation.util.triggers
- * @requires foundation.util.mediaQuery
- */
-
-class Sticky {
-  /**
-   * Creates a new instance of a sticky thing.
-   * @class
-   * @param {jQuery} element - jQuery object to make sticky.
-   * @param {Object} options - options object passed when creating the element programmatically.
-   */
-  constructor(element, options) {
-    this.$element = element;
-    this.options = $.extend({}, Sticky.defaults, this.$element.data(), options);
-
-    this._init();
-
-    Foundation.registerPlugin(this, 'Sticky');
-  }
-
-  /**
-   * Initializes the sticky element by adding classes, getting/setting dimensions, breakpoints and attributes
-   * @function
-   * @private
-   */
-  _init() {
-    var $parent = this.$element.parent('[data-sticky-container]'),
-        id = this.$element[0].id || Foundation.GetYoDigits(6, 'sticky'),
-        _this = this;
-
-    if (!$parent.length) {
-      this.wasWrapped = true;
-    }
-    this.$container = $parent.length ? $parent : $(this.options.container).wrapInner(this.$element);
-    this.$container.addClass(this.options.containerClass);
-
-    this.$element.addClass(this.options.stickyClass)
-                 .attr({'data-resize': id});
-
-    this.scrollCount = this.options.checkEvery;
-    this.isStuck = false;
-    $(window).one('load.zf.sticky', function(){
-      if(_this.options.anchor !== ''){
-        _this.$anchor = $('#' + _this.options.anchor);
-      }else{
-        _this._parsePoints();
-      }
-
-      _this._setSizes(function(){
-        _this._calc(false);
-      });
-      _this._events(id.split('-').reverse().join('-'));
-    });
-  }
-
-  /**
-   * If using multiple elements as anchors, calculates the top and bottom pixel values the sticky thing should stick and unstick on.
-   * @function
-   * @private
-   */
-  _parsePoints() {
-    var top = this.options.topAnchor == "" ? 1 : this.options.topAnchor,
-        btm = this.options.btmAnchor== "" ? document.documentElement.scrollHeight : this.options.btmAnchor,
-        pts = [top, btm],
-        breaks = {};
-    for (var i = 0, len = pts.length; i < len && pts[i]; i++) {
-      var pt;
-      if (typeof pts[i] === 'number') {
-        pt = pts[i];
-      } else {
-        var place = pts[i].split(':'),
-            anchor = $(`#${place[0]}`);
-
-        pt = anchor.offset().top;
-        if (place[1] && place[1].toLowerCase() === 'bottom') {
-          pt += anchor[0].getBoundingClientRect().height;
-        }
-      }
-      breaks[i] = pt;
-    }
-
-
-    this.points = breaks;
-    return;
-  }
-
-  /**
-   * Adds event handlers for the scrolling element.
-   * @private
-   * @param {String} id - psuedo-random id for unique scroll event listener.
-   */
-  _events(id) {
-    var _this = this,
-        scrollListener = this.scrollListener = `scroll.zf.${id}`;
-    if (this.isOn) { return; }
-    if (this.canStick) {
-      this.isOn = true;
-      $(window).off(scrollListener)
-               .on(scrollListener, function(e) {
-                 if (_this.scrollCount === 0) {
-                   _this.scrollCount = _this.options.checkEvery;
-                   _this._setSizes(function() {
-                     _this._calc(false, window.pageYOffset);
-                   });
-                 } else {
-                   _this.scrollCount--;
-                   _this._calc(false, window.pageYOffset);
-                 }
-              });
-    }
-
-    this.$element.off('resizeme.zf.trigger')
-                 .on('resizeme.zf.trigger', function(e, el) {
-                     _this._setSizes(function() {
-                       _this._calc(false);
-                       if (_this.canStick) {
-                         if (!_this.isOn) {
-                           _this._events(id);
-                         }
-                       } else if (_this.isOn) {
-                         _this._pauseListeners(scrollListener);
-                       }
-                     });
-    });
-  }
-
-  /**
-   * Removes event handlers for scroll and change events on anchor.
-   * @fires Sticky#pause
-   * @param {String} scrollListener - unique, namespaced scroll listener attached to `window`
-   */
-  _pauseListeners(scrollListener) {
-    this.isOn = false;
-    $(window).off(scrollListener);
-
-    /**
-     * Fires when the plugin is paused due to resize event shrinking the view.
-     * @event Sticky#pause
-     * @private
-     */
-     this.$element.trigger('pause.zf.sticky');
-  }
-
-  /**
-   * Called on every `scroll` event and on `_init`
-   * fires functions based on booleans and cached values
-   * @param {Boolean} checkSizes - true if plugin should recalculate sizes and breakpoints.
-   * @param {Number} scroll - current scroll position passed from scroll event cb function. If not passed, defaults to `window.pageYOffset`.
-   */
-  _calc(checkSizes, scroll) {
-    if (checkSizes) { this._setSizes(); }
-
-    if (!this.canStick) {
-      if (this.isStuck) {
-        this._removeSticky(true);
-      }
-      return false;
-    }
-
-    if (!scroll) { scroll = window.pageYOffset; }
-
-    if (scroll >= this.topPoint) {
-      if (scroll <= this.bottomPoint) {
-        if (!this.isStuck) {
-          this._setSticky();
-        }
-      } else {
-        if (this.isStuck) {
-          this._removeSticky(false);
-        }
-      }
-    } else {
-      if (this.isStuck) {
-        this._removeSticky(true);
-      }
-    }
-  }
-
-  /**
-   * Causes the $element to become stuck.
-   * Adds `position: fixed;`, and helper classes.
-   * @fires Sticky#stuckto
-   * @function
-   * @private
-   */
-  _setSticky() {
-    var _this = this,
-        stickTo = this.options.stickTo,
-        mrgn = stickTo === 'top' ? 'marginTop' : 'marginBottom',
-        notStuckTo = stickTo === 'top' ? 'bottom' : 'top',
-        css = {};
-
-    css[mrgn] = `${this.options[mrgn]}em`;
-    css[stickTo] = 0;
-    css[notStuckTo] = 'auto';
-    css['left'] = this.$container.offset().left + parseInt(window.getComputedStyle(this.$container[0])["padding-left"], 10);
-    this.isStuck = true;
-    this.$element.removeClass(`is-anchored is-at-${notStuckTo}`)
-                 .addClass(`is-stuck is-at-${stickTo}`)
-                 .css(css)
-                 /**
-                  * Fires when the $element has become `position: fixed;`
-                  * Namespaced to `top` or `bottom`, e.g. `sticky.zf.stuckto:top`
-                  * @event Sticky#stuckto
-                  */
-                 .trigger(`sticky.zf.stuckto:${stickTo}`);
-    this.$element.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd", function() {
-      _this._setSizes();
-    });
-  }
-
-  /**
-   * Causes the $element to become unstuck.
-   * Removes `position: fixed;`, and helper classes.
-   * Adds other helper classes.
-   * @param {Boolean} isTop - tells the function if the $element should anchor to the top or bottom of its $anchor element.
-   * @fires Sticky#unstuckfrom
-   * @private
-   */
-  _removeSticky(isTop) {
-    var stickTo = this.options.stickTo,
-        stickToTop = stickTo === 'top',
-        css = {},
-        anchorPt = (this.points ? this.points[1] - this.points[0] : this.anchorHeight) - this.elemHeight,
-        mrgn = stickToTop ? 'marginTop' : 'marginBottom',
-        notStuckTo = stickToTop ? 'bottom' : 'top',
-        topOrBottom = isTop ? 'top' : 'bottom';
-
-    css[mrgn] = 0;
-
-    css['bottom'] = 'auto';
-    if(isTop) {
-      css['top'] = 0;
-    } else {
-      css['top'] = anchorPt;
-    }
-
-    css['left'] = '';
-    this.isStuck = false;
-    this.$element.removeClass(`is-stuck is-at-${stickTo}`)
-                 .addClass(`is-anchored is-at-${topOrBottom}`)
-                 .css(css)
-                 /**
-                  * Fires when the $element has become anchored.
-                  * Namespaced to `top` or `bottom`, e.g. `sticky.zf.unstuckfrom:bottom`
-                  * @event Sticky#unstuckfrom
-                  */
-                 .trigger(`sticky.zf.unstuckfrom:${topOrBottom}`);
-  }
-
-  /**
-   * Sets the $element and $container sizes for plugin.
-   * Calls `_setBreakPoints`.
-   * @param {Function} cb - optional callback function to fire on completion of `_setBreakPoints`.
-   * @private
-   */
-  _setSizes(cb) {
-    this.canStick = Foundation.MediaQuery.atLeast(this.options.stickyOn);
-    if (!this.canStick) { cb(); }
-    var _this = this,
-        newElemWidth = this.$container[0].getBoundingClientRect().width,
-        comp = window.getComputedStyle(this.$container[0]),
-        pdng = parseInt(comp['padding-right'], 10);
-
-    if (this.$anchor && this.$anchor.length) {
-      this.anchorHeight = this.$anchor[0].getBoundingClientRect().height;
-    } else {
-      this._parsePoints();
-    }
-
-    this.$element.css({
-      'max-width': `${newElemWidth - pdng}px`
-    });
-
-    var newContainerHeight = this.$element[0].getBoundingClientRect().height || this.containerHeight;
-    if (this.$element.css("display") == "none") {
-      newContainerHeight = 0;
-    }
-    this.containerHeight = newContainerHeight;
-    this.$container.css({
-      height: newContainerHeight
-    });
-    this.elemHeight = newContainerHeight;
-
-  	if (this.isStuck) {
-  		this.$element.css({"left":this.$container.offset().left + parseInt(comp['padding-left'], 10)});
-  	}
-
-    this._setBreakPoints(newContainerHeight, function() {
-      if (cb) { cb(); }
-    });
-  }
-
-  /**
-   * Sets the upper and lower breakpoints for the element to become sticky/unsticky.
-   * @param {Number} elemHeight - px value for sticky.$element height, calculated by `_setSizes`.
-   * @param {Function} cb - optional callback function to be called on completion.
-   * @private
-   */
-  _setBreakPoints(elemHeight, cb) {
-    if (!this.canStick) {
-      if (cb) { cb(); }
-      else { return false; }
-    }
-    var mTop = emCalc(this.options.marginTop),
-        mBtm = emCalc(this.options.marginBottom),
-        topPoint = this.points ? this.points[0] : this.$anchor.offset().top,
-        bottomPoint = this.points ? this.points[1] : topPoint + this.anchorHeight,
-        // topPoint = this.$anchor.offset().top || this.points[0],
-        // bottomPoint = topPoint + this.anchorHeight || this.points[1],
-        winHeight = window.innerHeight;
-
-    if (this.options.stickTo === 'top') {
-      topPoint -= mTop;
-      bottomPoint -= (elemHeight + mTop);
-    } else if (this.options.stickTo === 'bottom') {
-      topPoint -= (winHeight - (elemHeight + mBtm));
-      bottomPoint -= (winHeight - mBtm);
-    } else {
-      //this would be the stickTo: both option... tricky
-    }
-
-    this.topPoint = topPoint;
-    this.bottomPoint = bottomPoint;
-
-    if (cb) { cb(); }
-  }
-
-  /**
-   * Destroys the current sticky element.
-   * Resets the element to the top position first.
-   * Removes event listeners, JS-added css properties and classes, and unwraps the $element if the JS added the $container.
-   * @function
-   */
-  destroy() {
-    this._removeSticky(true);
-
-    this.$element.removeClass(`${this.options.stickyClass} is-anchored is-at-top`)
-                 .css({
-                   height: '',
-                   top: '',
-                   bottom: '',
-                   'max-width': ''
-                 })
-                 .off('resizeme.zf.trigger');
-    if (this.$anchor && this.$anchor.length) {
-      this.$anchor.off('change.zf.sticky');
-    }
-    $(window).off(this.scrollListener);
-
-    if (this.wasWrapped) {
-      this.$element.unwrap();
-    } else {
-      this.$container.removeClass(this.options.containerClass)
-                     .css({
-                       height: ''
-                     });
-    }
-    Foundation.unregisterPlugin(this);
-  }
-}
-
-Sticky.defaults = {
-  /**
-   * Customizable container template. Add your own classes for styling and sizing.
-   * @option
-   * @example '&lt;div data-sticky-container class="small-6 columns"&gt;&lt;/div&gt;'
-   */
-  container: '<div data-sticky-container></div>',
-  /**
-   * Location in the view the element sticks to.
-   * @option
-   * @example 'top'
-   */
-  stickTo: 'top',
-  /**
-   * If anchored to a single element, the id of that element.
-   * @option
-   * @example 'exampleId'
-   */
-  anchor: '',
-  /**
-   * If using more than one element as anchor points, the id of the top anchor.
-   * @option
-   * @example 'exampleId:top'
-   */
-  topAnchor: '',
-  /**
-   * If using more than one element as anchor points, the id of the bottom anchor.
-   * @option
-   * @example 'exampleId:bottom'
-   */
-  btmAnchor: '',
-  /**
-   * Margin, in `em`'s to apply to the top of the element when it becomes sticky.
-   * @option
-   * @example 1
-   */
-  marginTop: 1,
-  /**
-   * Margin, in `em`'s to apply to the bottom of the element when it becomes sticky.
-   * @option
-   * @example 1
-   */
-  marginBottom: 1,
-  /**
-   * Breakpoint string that is the minimum screen size an element should become sticky.
-   * @option
-   * @example 'medium'
-   */
-  stickyOn: 'medium',
-  /**
-   * Class applied to sticky element, and removed on destruction. Foundation defaults to `sticky`.
-   * @option
-   * @example 'sticky'
-   */
-  stickyClass: 'sticky',
-  /**
-   * Class applied to sticky container. Foundation defaults to `sticky-container`.
-   * @option
-   * @example 'sticky-container'
-   */
-  containerClass: 'sticky-container',
-  /**
-   * Number of scroll events between the plugin's recalculating sticky points. Setting it to `0` will cause it to recalc every scroll event, setting it to `-1` will prevent recalc on scroll.
-   * @option
-   * @example 50
-   */
-  checkEvery: -1
-};
-
-/**
- * Helper function to calculate em values
- * @param Number {em} - number of em's to calculate into pixels
- */
-function emCalc(em) {
-  return parseInt(window.getComputedStyle(document.body, null).fontSize, 10) * em;
-}
-
-// Window exports
-Foundation.plugin(Sticky, 'Sticky');
-
-}(jQuery);

data/_sass/foundation-sites/js/foundation.tabs.js

@@ -1,333 +0,0 @@
-'use strict';
-
-!function($) {
-
-/**
- * Tabs module.
- * @module foundation.tabs
- * @requires foundation.util.keyboard
- * @requires foundation.util.timerAndImageLoader if tabs contain images
- */
-
-class Tabs {
-  /**
-   * Creates a new instance of tabs.
-   * @class
-   * @fires Tabs#init
-   * @param {jQuery} element - jQuery object to make into tabs.
-   * @param {Object} options - Overrides to the default plugin settings.
-   */
-  constructor(element, options) {
-    this.$element = element;
-    this.options = $.extend({}, Tabs.defaults, this.$element.data(), options);
-
-    this._init();
-    Foundation.registerPlugin(this, 'Tabs');
-    Foundation.Keyboard.register('Tabs', {
-      'ENTER': 'open',
-      'SPACE': 'open',
-      'ARROW_RIGHT': 'next',
-      'ARROW_UP': 'previous',
-      'ARROW_DOWN': 'next',
-      'ARROW_LEFT': 'previous'
-      // 'TAB': 'next',
-      // 'SHIFT_TAB': 'previous'
-    });
-  }
-
-  /**
-   * Initializes the tabs by showing and focusing (if autoFocus=true) the preset active tab.
-   * @private
-   */
-  _init() {
-    var _this = this;
-
-    this.$tabTitles = this.$element.find(`.${this.options.linkClass}`);
-    this.$tabContent = $(`[data-tabs-content="${this.$element[0].id}"]`);
-
-    this.$tabTitles.each(function(){
-      var $elem = $(this),
-          $link = $elem.find('a'),
-          isActive = $elem.hasClass('is-active'),
-          hash = $link[0].hash.slice(1),
-          linkId = $link[0].id ? $link[0].id : `${hash}-label`,
-          $tabContent = $(`#${hash}`);
-
-      $elem.attr({'role': 'presentation'});
-
-      $link.attr({
-        'role': 'tab',
-        'aria-controls': hash,
-        'aria-selected': isActive,
-        'id': linkId
-      });
-
-      $tabContent.attr({
-        'role': 'tabpanel',
-        'aria-hidden': !isActive,
-        'aria-labelledby': linkId
-      });
-
-      if(isActive && _this.options.autoFocus){
-        $link.focus();
-      }
-    });
-
-    if(this.options.matchHeight) {
-      var $images = this.$tabContent.find('img');
-
-      if ($images.length) {
-        Foundation.onImagesLoaded($images, this._setHeight.bind(this));
-      } else {
-        this._setHeight();
-      }
-    }
-
-    this._events();
-  }
-
-  /**
-   * Adds event handlers for items within the tabs.
-   * @private
-   */
-  _events() {
-    this._addKeyHandler();
-    this._addClickHandler();
-    this._setHeightMqHandler = null;
-    
-    if (this.options.matchHeight) {
-      this._setHeightMqHandler = this._setHeight.bind(this);
-      
-      $(window).on('changed.zf.mediaquery', this._setHeightMqHandler);
-    }
-  }
-
-  /**
-   * Adds click handlers for items within the tabs.
-   * @private
-   */
-  _addClickHandler() {
-    var _this = this;
-
-    this.$element
-      .off('click.zf.tabs')
-      .on('click.zf.tabs', `.${this.options.linkClass}`, function(e){
-        e.preventDefault();
-        e.stopPropagation();
-        if ($(this).hasClass('is-active')) {
-          return;
-        }
-        _this._handleTabChange($(this));
-      });
-  }
-
-  /**
-   * Adds keyboard event handlers for items within the tabs.
-   * @private
-   */
-  _addKeyHandler() {
-    var _this = this;
-    var $firstTab = _this.$element.find('li:first-of-type');
-    var $lastTab = _this.$element.find('li:last-of-type');
-
-    this.$tabTitles.off('keydown.zf.tabs').on('keydown.zf.tabs', function(e){
-      if (e.which === 9) return;
-      
-
-      var $element = $(this),
-        $elements = $element.parent('ul').children('li'),
-        $prevElement,
-        $nextElement;
-
-      $elements.each(function(i) {
-        if ($(this).is($element)) {
-          if (_this.options.wrapOnKeys) {
-            $prevElement = i === 0 ? $elements.last() : $elements.eq(i-1);
-            $nextElement = i === $elements.length -1 ? $elements.first() : $elements.eq(i+1);
-          } else {
-            $prevElement = $elements.eq(Math.max(0, i-1));
-            $nextElement = $elements.eq(Math.min(i+1, $elements.length-1));
-          }
-          return;
-        }
-      });
-
-      // handle keyboard event with keyboard util
-      Foundation.Keyboard.handleKey(e, 'Tabs', {
-        open: function() {
-          $element.find('[role="tab"]').focus();
-          _this._handleTabChange($element);
-        },
-        previous: function() {
-          $prevElement.find('[role="tab"]').focus();
-          _this._handleTabChange($prevElement);
-        },
-        next: function() {
-          $nextElement.find('[role="tab"]').focus();
-          _this._handleTabChange($nextElement);
-        },
-        handled: function() {
-          e.stopPropagation();
-          e.preventDefault();
-        }
-      });
-    });
-  }
-
-  /**
-   * Opens the tab `$targetContent` defined by `$target`.
-   * @param {jQuery} $target - Tab to open.
-   * @fires Tabs#change
-   * @function
-   */
-  _handleTabChange($target) {
-    var $tabLink = $target.find('[role="tab"]'),
-        hash = $tabLink[0].hash,
-        $targetContent = this.$tabContent.find(hash),
-        $oldTab = this.$element.
-          find(`.${this.options.linkClass}.is-active`)
-          .removeClass('is-active')
-          .find('[role="tab"]')
-          .attr({ 'aria-selected': 'false' });
-
-    $(`#${$oldTab.attr('aria-controls')}`)
-      .removeClass('is-active')
-      .attr({ 'aria-hidden': 'true' });
-
-    $target.addClass('is-active');
-
-    $tabLink.attr({'aria-selected': 'true'});
-
-    $targetContent
-      .addClass('is-active')
-      .attr({'aria-hidden': 'false'});
-
-    /**
-     * Fires when the plugin has successfully changed tabs.
-     * @event Tabs#change
-     */
-    this.$element.trigger('change.zf.tabs', [$target]);
-  }
-
-  /**
-   * Public method for selecting a content pane to display.
-   * @param {jQuery | String} elem - jQuery object or string of the id of the pane to display.
-   * @function
-   */
-  selectTab(elem) {
-    var idStr;
-
-    if (typeof elem === 'object') {
-      idStr = elem[0].id;
-    } else {
-      idStr = elem;
-    }
-
-    if (idStr.indexOf('#') < 0) {
-      idStr = `#${idStr}`;
-    }
-
-    var $target = this.$tabTitles.find(`[href="${idStr}"]`).parent(`.${this.options.linkClass}`);
-
-    this._handleTabChange($target);
-  };
-  /**
-   * Sets the height of each panel to the height of the tallest panel.
-   * If enabled in options, gets called on media query change.
-   * If loading content via external source, can be called directly or with _reflow.
-   * @function
-   * @private
-   */
-  _setHeight() {
-    var max = 0;
-    this.$tabContent
-      .find(`.${this.options.panelClass}`)
-      .css('height', '')
-      .each(function() {
-        var panel = $(this),
-            isActive = panel.hasClass('is-active');
-
-        if (!isActive) {
-          panel.css({'visibility': 'hidden', 'display': 'block'});
-        }
-
-        var temp = this.getBoundingClientRect().height;
-
-        if (!isActive) {
-          panel.css({
-            'visibility': '',
-            'display': ''
-          });
-        }
-
-        max = temp > max ? temp : max;
-      })
-      .css('height', `${max}px`);
-  }
-
-  /**
-   * Destroys an instance of an tabs.
-   * @fires Tabs#destroyed
-   */
-  destroy() {
-    this.$element
-      .find(`.${this.options.linkClass}`)
-      .off('.zf.tabs').hide().end()
-      .find(`.${this.options.panelClass}`)
-      .hide();
-
-    if (this.options.matchHeight) {
-      if (this._setHeightMqHandler != null) {
-         $(window).off('changed.zf.mediaquery', this._setHeightMqHandler);
-      }
-    }
-
-    Foundation.unregisterPlugin(this);
-  }
-}
-
-Tabs.defaults = {
-  /**
-   * Allows the window to scroll to content of active pane on load if set to true.
-   * @option
-   * @example false
-   */
-  autoFocus: false,
-
-  /**
-   * Allows keyboard input to 'wrap' around the tab links.
-   * @option
-   * @example true
-   */
-  wrapOnKeys: true,
-
-  /**
-   * Allows the tab content panes to match heights if set to true.
-   * @option
-   * @example false
-   */
-  matchHeight: false,
-
-  /**
-   * Class applied to `li`'s in tab link list.
-   * @option
-   * @example 'tabs-title'
-   */
-  linkClass: 'tabs-title',
-
-  /**
-   * Class applied to the content containers.
-   * @option
-   * @example 'tabs-panel'
-   */
-  panelClass: 'tabs-panel'
-};
-
-function checkClass($elem){
-  return $elem.hasClass('is-active');
-}
-
-// Window exports
-Foundation.plugin(Tabs, 'Tabs');
-
-}(jQuery);