mirror of
https://github.com/hacks-guide/Guide_3DS.git
synced 2025-08-29 19:29:51 +02:00
first rebase
ALSO: Remove fading on dropdown menu click. This is also a bug on the actual upstream, when the cursor leaves the screen the menu disappears but the fading doesn't. This causes things like the menu saying it's open when it's not and closed when open. I'm not dealing with an upstream bug.
This commit is contained in:
lifehackerhansol
committed by
lifehackerhansol
lifehackerhansol
parent
247e815186
commit
5641d7e51a
484
assets/js/plugins/gumshoe.js
vendored
Normal file
484
assets/js/plugins/gumshoe.js
vendored
Normal file
@@ -0,0 +1,484 @@
|
||||
/*!
|
||||
* gumshoejs v5.1.1
|
||||
* A simple, framework-agnostic scrollspy script.
|
||||
* (c) 2019 Chris Ferdinandi
|
||||
* MIT License
|
||||
* http://github.com/cferdinandi/gumshoe
|
||||
*/
|
||||
|
||||
(function (root, factory) {
|
||||
if ( typeof define === 'function' && define.amd ) {
|
||||
define([], (function () {
|
||||
return factory(root);
|
||||
}));
|
||||
} else if ( typeof exports === 'object' ) {
|
||||
module.exports = factory(root);
|
||||
} else {
|
||||
root.Gumshoe = factory(root);
|
||||
}
|
||||
})(typeof global !== 'undefined' ? global : typeof window !== 'undefined' ? window : this, (function (window) {
|
||||
|
||||
'use strict';
|
||||
|
||||
//
|
||||
// Defaults
|
||||
//
|
||||
|
||||
var defaults = {
|
||||
|
||||
// Active classes
|
||||
navClass: 'active',
|
||||
contentClass: 'active',
|
||||
|
||||
// Nested navigation
|
||||
nested: false,
|
||||
nestedClass: 'active',
|
||||
|
||||
// Offset & reflow
|
||||
offset: 0,
|
||||
reflow: false,
|
||||
|
||||
// Event support
|
||||
events: true
|
||||
|
||||
};
|
||||
|
||||
|
||||
//
|
||||
// Methods
|
||||
//
|
||||
|
||||
/**
|
||||
* Merge two or more objects together.
|
||||
* @param {Object} objects The objects to merge together
|
||||
* @returns {Object} Merged values of defaults and options
|
||||
*/
|
||||
var extend = function () {
|
||||
var merged = {};
|
||||
Array.prototype.forEach.call(arguments, (function (obj) {
|
||||
for (var key in obj) {
|
||||
if (!obj.hasOwnProperty(key)) return;
|
||||
merged[key] = obj[key];
|
||||
}
|
||||
}));
|
||||
return merged;
|
||||
};
|
||||
|
||||
/**
|
||||
* Emit a custom event
|
||||
* @param {String} type The event type
|
||||
* @param {Node} elem The element to attach the event to
|
||||
* @param {Object} detail Any details to pass along with the event
|
||||
*/
|
||||
var emitEvent = function (type, elem, detail) {
|
||||
|
||||
// Make sure events are enabled
|
||||
if (!detail.settings.events) return;
|
||||
|
||||
// Create a new event
|
||||
var event = new CustomEvent(type, {
|
||||
bubbles: true,
|
||||
cancelable: true,
|
||||
detail: detail
|
||||
});
|
||||
|
||||
// Dispatch the event
|
||||
elem.dispatchEvent(event);
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Get an element's distance from the top of the Document.
|
||||
* @param {Node} elem The element
|
||||
* @return {Number} Distance from the top in pixels
|
||||
*/
|
||||
var getOffsetTop = function (elem) {
|
||||
var location = 0;
|
||||
if (elem.offsetParent) {
|
||||
while (elem) {
|
||||
location += elem.offsetTop;
|
||||
elem = elem.offsetParent;
|
||||
}
|
||||
}
|
||||
return location >= 0 ? location : 0;
|
||||
};
|
||||
|
||||
/**
|
||||
* Sort content from first to last in the DOM
|
||||
* @param {Array} contents The content areas
|
||||
*/
|
||||
var sortContents = function (contents) {
|
||||
if(contents) {
|
||||
contents.sort((function (item1, item2) {
|
||||
var offset1 = getOffsetTop(item1.content);
|
||||
var offset2 = getOffsetTop(item2.content);
|
||||
if (offset1 < offset2) return -1;
|
||||
return 1;
|
||||
}));
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Get the offset to use for calculating position
|
||||
* @param {Object} settings The settings for this instantiation
|
||||
* @return {Float} The number of pixels to offset the calculations
|
||||
*/
|
||||
var getOffset = function (settings) {
|
||||
|
||||
// if the offset is a function run it
|
||||
if (typeof settings.offset === 'function') {
|
||||
return parseFloat(settings.offset());
|
||||
}
|
||||
|
||||
// Otherwise, return it as-is
|
||||
return parseFloat(settings.offset);
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Get the document element's height
|
||||
* @private
|
||||
* @returns {Number}
|
||||
*/
|
||||
var getDocumentHeight = function () {
|
||||
return Math.max(
|
||||
document.body.scrollHeight, document.documentElement.scrollHeight,
|
||||
document.body.offsetHeight, document.documentElement.offsetHeight,
|
||||
document.body.clientHeight, document.documentElement.clientHeight
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* Determine if an element is in view
|
||||
* @param {Node} elem The element
|
||||
* @param {Object} settings The settings for this instantiation
|
||||
* @param {Boolean} bottom If true, check if element is above bottom of viewport instead
|
||||
* @return {Boolean} Returns true if element is in the viewport
|
||||
*/
|
||||
var isInView = function (elem, settings, bottom) {
|
||||
var bounds = elem.getBoundingClientRect();
|
||||
var offset = getOffset(settings);
|
||||
if (bottom) {
|
||||
return parseInt(bounds.bottom, 10) < (window.innerHeight || document.documentElement.clientHeight);
|
||||
}
|
||||
return parseInt(bounds.top, 10) <= offset;
|
||||
};
|
||||
|
||||
/**
|
||||
* Check if at the bottom of the viewport
|
||||
* @return {Boolean} If true, page is at the bottom of the viewport
|
||||
*/
|
||||
var isAtBottom = function () {
|
||||
if (window.innerHeight + window.pageYOffset >= getDocumentHeight()) return true;
|
||||
return false;
|
||||
};
|
||||
|
||||
/**
|
||||
* Check if the last item should be used (even if not at the top of the page)
|
||||
* @param {Object} item The last item
|
||||
* @param {Object} settings The settings for this instantiation
|
||||
* @return {Boolean} If true, use the last item
|
||||
*/
|
||||
var useLastItem = function (item, settings) {
|
||||
if (isAtBottom() && isInView(item.content, settings, true)) return true;
|
||||
return false;
|
||||
};
|
||||
|
||||
/**
|
||||
* Get the active content
|
||||
* @param {Array} contents The content areas
|
||||
* @param {Object} settings The settings for this instantiation
|
||||
* @return {Object} The content area and matching navigation link
|
||||
*/
|
||||
var getActive = function (contents, settings) {
|
||||
var last = contents[contents.length-1];
|
||||
if (useLastItem(last, settings)) return last;
|
||||
for (var i = contents.length - 1; i >= 0; i--) {
|
||||
if (isInView(contents[i].content, settings)) return contents[i];
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Deactivate parent navs in a nested navigation
|
||||
* @param {Node} nav The starting navigation element
|
||||
* @param {Object} settings The settings for this instantiation
|
||||
*/
|
||||
var deactivateNested = function (nav, settings) {
|
||||
|
||||
// If nesting isn't activated, bail
|
||||
if (!settings.nested) return;
|
||||
|
||||
// Get the parent navigation
|
||||
var li = nav.parentNode.closest('li');
|
||||
if (!li) return;
|
||||
|
||||
// Remove the active class
|
||||
li.classList.remove(settings.nestedClass);
|
||||
|
||||
// Apply recursively to any parent navigation elements
|
||||
deactivateNested(li, settings);
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Deactivate a nav and content area
|
||||
* @param {Object} items The nav item and content to deactivate
|
||||
* @param {Object} settings The settings for this instantiation
|
||||
*/
|
||||
var deactivate = function (items, settings) {
|
||||
|
||||
// Make sure their are items to deactivate
|
||||
if (!items) return;
|
||||
|
||||
// Get the parent list item
|
||||
var li = items.nav.closest('li');
|
||||
if (!li) return;
|
||||
|
||||
// Remove the active class from the nav and content
|
||||
li.classList.remove(settings.navClass);
|
||||
items.content.classList.remove(settings.contentClass);
|
||||
|
||||
// Deactivate any parent navs in a nested navigation
|
||||
deactivateNested(li, settings);
|
||||
|
||||
// Emit a custom event
|
||||
emitEvent('gumshoeDeactivate', li, {
|
||||
link: items.nav,
|
||||
content: items.content,
|
||||
settings: settings
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Activate parent navs in a nested navigation
|
||||
* @param {Node} nav The starting navigation element
|
||||
* @param {Object} settings The settings for this instantiation
|
||||
*/
|
||||
var activateNested = function (nav, settings) {
|
||||
|
||||
// If nesting isn't activated, bail
|
||||
if (!settings.nested) return;
|
||||
|
||||
// Get the parent navigation
|
||||
var li = nav.parentNode.closest('li');
|
||||
if (!li) return;
|
||||
|
||||
// Add the active class
|
||||
li.classList.add(settings.nestedClass);
|
||||
|
||||
// Apply recursively to any parent navigation elements
|
||||
activateNested(li, settings);
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Activate a nav and content area
|
||||
* @param {Object} items The nav item and content to activate
|
||||
* @param {Object} settings The settings for this instantiation
|
||||
*/
|
||||
var activate = function (items, settings) {
|
||||
|
||||
// Make sure their are items to activate
|
||||
if (!items) return;
|
||||
|
||||
// Get the parent list item
|
||||
var li = items.nav.closest('li');
|
||||
if (!li) return;
|
||||
|
||||
// Add the active class to the nav and content
|
||||
li.classList.add(settings.navClass);
|
||||
items.content.classList.add(settings.contentClass);
|
||||
|
||||
// Activate any parent navs in a nested navigation
|
||||
activateNested(li, settings);
|
||||
|
||||
// Emit a custom event
|
||||
emitEvent('gumshoeActivate', li, {
|
||||
link: items.nav,
|
||||
content: items.content,
|
||||
settings: settings
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Create the Constructor object
|
||||
* @param {String} selector The selector to use for navigation items
|
||||
* @param {Object} options User options and settings
|
||||
*/
|
||||
var Constructor = function (selector, options) {
|
||||
|
||||
//
|
||||
// Variables
|
||||
//
|
||||
|
||||
var publicAPIs = {};
|
||||
var navItems, contents, current, timeout, settings;
|
||||
|
||||
|
||||
//
|
||||
// Methods
|
||||
//
|
||||
|
||||
/**
|
||||
* Set variables from DOM elements
|
||||
*/
|
||||
publicAPIs.setup = function () {
|
||||
|
||||
// Get all nav items
|
||||
navItems = document.querySelectorAll(selector);
|
||||
|
||||
// Create contents array
|
||||
contents = [];
|
||||
|
||||
// Loop through each item, get it's matching content, and push to the array
|
||||
Array.prototype.forEach.call(navItems, (function (item) {
|
||||
|
||||
// Get the content for the nav item
|
||||
var content = document.getElementById(decodeURIComponent(item.hash.substr(1)));
|
||||
if (!content) return;
|
||||
|
||||
// Push to the contents array
|
||||
contents.push({
|
||||
nav: item,
|
||||
content: content
|
||||
});
|
||||
|
||||
}));
|
||||
|
||||
// Sort contents by the order they appear in the DOM
|
||||
sortContents(contents);
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Detect which content is currently active
|
||||
*/
|
||||
publicAPIs.detect = function () {
|
||||
|
||||
// Get the active content
|
||||
var active = getActive(contents, settings);
|
||||
|
||||
// if there's no active content, deactivate and bail
|
||||
if (!active) {
|
||||
if (current) {
|
||||
deactivate(current, settings);
|
||||
current = null;
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// If the active content is the one currently active, do nothing
|
||||
if (current && active.content === current.content) return;
|
||||
|
||||
// Deactivate the current content and activate the new content
|
||||
deactivate(current, settings);
|
||||
activate(active, settings);
|
||||
|
||||
// Update the currently active content
|
||||
current = active;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Detect the active content on scroll
|
||||
* Debounced for performance
|
||||
*/
|
||||
var scrollHandler = function (event) {
|
||||
|
||||
// If there's a timer, cancel it
|
||||
if (timeout) {
|
||||
window.cancelAnimationFrame(timeout);
|
||||
}
|
||||
|
||||
// Setup debounce callback
|
||||
timeout = window.requestAnimationFrame(publicAPIs.detect);
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Update content sorting on resize
|
||||
* Debounced for performance
|
||||
*/
|
||||
var resizeHandler = function (event) {
|
||||
|
||||
// If there's a timer, cancel it
|
||||
if (timeout) {
|
||||
window.cancelAnimationFrame(timeout);
|
||||
}
|
||||
|
||||
// Setup debounce callback
|
||||
timeout = window.requestAnimationFrame((function () {
|
||||
sortContents(contents);
|
||||
publicAPIs.detect();
|
||||
}));
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Destroy the current instantiation
|
||||
*/
|
||||
publicAPIs.destroy = function () {
|
||||
|
||||
// Undo DOM changes
|
||||
if (current) {
|
||||
deactivate(current, settings);
|
||||
}
|
||||
|
||||
// Remove event listeners
|
||||
window.removeEventListener('scroll', scrollHandler, false);
|
||||
if (settings.reflow) {
|
||||
window.removeEventListener('resize', resizeHandler, false);
|
||||
}
|
||||
|
||||
// Reset variables
|
||||
contents = null;
|
||||
navItems = null;
|
||||
current = null;
|
||||
timeout = null;
|
||||
settings = null;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Initialize the current instantiation
|
||||
*/
|
||||
var init = function () {
|
||||
|
||||
// Merge user options into defaults
|
||||
settings = extend(defaults, options || {});
|
||||
|
||||
// Setup variables based on the current DOM
|
||||
publicAPIs.setup();
|
||||
|
||||
// Find the currently active content
|
||||
publicAPIs.detect();
|
||||
|
||||
// Setup event listeners
|
||||
window.addEventListener('scroll', scrollHandler, false);
|
||||
if (settings.reflow) {
|
||||
window.addEventListener('resize', resizeHandler, false);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
|
||||
//
|
||||
// Initialize and return the public APIs
|
||||
//
|
||||
|
||||
init();
|
||||
return publicAPIs;
|
||||
|
||||
};
|
||||
|
||||
|
||||
//
|
||||
// Return the Constructor
|
||||
//
|
||||
|
||||
return Constructor;
|
||||
|
||||
}));
|
||||
252
assets/js/plugins/jquery.ba-throttle-debounce.js
vendored
Normal file
252
assets/js/plugins/jquery.ba-throttle-debounce.js
vendored
Normal file
@@ -0,0 +1,252 @@
|
||||
/*!
|
||||
* jQuery throttle / debounce - v1.1 - 3/7/2010
|
||||
* http://benalman.com/projects/jquery-throttle-debounce-plugin/
|
||||
*
|
||||
* Copyright (c) 2010 "Cowboy" Ben Alman
|
||||
* Dual licensed under the MIT and GPL licenses.
|
||||
* http://benalman.com/about/license/
|
||||
*/
|
||||
|
||||
// Script: jQuery throttle / debounce: Sometimes, less is more!
|
||||
//
|
||||
// *Version: 1.1, Last updated: 3/7/2010*
|
||||
//
|
||||
// Project Home - http://benalman.com/projects/jquery-throttle-debounce-plugin/
|
||||
// GitHub - http://github.com/cowboy/jquery-throttle-debounce/
|
||||
// Source - http://github.com/cowboy/jquery-throttle-debounce/raw/master/jquery.ba-throttle-debounce.js
|
||||
// (Minified) - http://github.com/cowboy/jquery-throttle-debounce/raw/master/jquery.ba-throttle-debounce.min.js (0.7kb)
|
||||
//
|
||||
// About: License
|
||||
//
|
||||
// Copyright (c) 2010 "Cowboy" Ben Alman,
|
||||
// Dual licensed under the MIT and GPL licenses.
|
||||
// http://benalman.com/about/license/
|
||||
//
|
||||
// About: Examples
|
||||
//
|
||||
// These working examples, complete with fully commented code, illustrate a few
|
||||
// ways in which this plugin can be used.
|
||||
//
|
||||
// Throttle - http://benalman.com/code/projects/jquery-throttle-debounce/examples/throttle/
|
||||
// Debounce - http://benalman.com/code/projects/jquery-throttle-debounce/examples/debounce/
|
||||
//
|
||||
// About: Support and Testing
|
||||
//
|
||||
// Information about what version or versions of jQuery this plugin has been
|
||||
// tested with, what browsers it has been tested in, and where the unit tests
|
||||
// reside (so you can test it yourself).
|
||||
//
|
||||
// jQuery Versions - none, 1.3.2, 1.4.2
|
||||
// Browsers Tested - Internet Explorer 6-8, Firefox 2-3.6, Safari 3-4, Chrome 4-5, Opera 9.6-10.1.
|
||||
// Unit Tests - http://benalman.com/code/projects/jquery-throttle-debounce/unit/
|
||||
//
|
||||
// About: Release History
|
||||
//
|
||||
// 1.1 - (3/7/2010) Fixed a bug in <jQuery.throttle> where trailing callbacks
|
||||
// executed later than they should. Reworked a fair amount of internal
|
||||
// logic as well.
|
||||
// 1.0 - (3/6/2010) Initial release as a stand-alone project. Migrated over
|
||||
// from jquery-misc repo v0.4 to jquery-throttle repo v1.0, added the
|
||||
// no_trailing throttle parameter and debounce functionality.
|
||||
//
|
||||
// Topic: Note for non-jQuery users
|
||||
//
|
||||
// jQuery isn't actually required for this plugin, because nothing internal
|
||||
// uses any jQuery methods or properties. jQuery is just used as a namespace
|
||||
// under which these methods can exist.
|
||||
//
|
||||
// Since jQuery isn't actually required for this plugin, if jQuery doesn't exist
|
||||
// when this plugin is loaded, the method described below will be created in
|
||||
// the `Cowboy` namespace. Usage will be exactly the same, but instead of
|
||||
// $.method() or jQuery.method(), you'll need to use Cowboy.method().
|
||||
|
||||
(function(window,undefined){
|
||||
'$:nomunge'; // Used by YUI compressor.
|
||||
|
||||
// Since jQuery really isn't required for this plugin, use `jQuery` as the
|
||||
// namespace only if it already exists, otherwise use the `Cowboy` namespace,
|
||||
// creating it if necessary.
|
||||
var $ = window.jQuery || window.Cowboy || ( window.Cowboy = {} ),
|
||||
|
||||
// Internal method reference.
|
||||
jq_throttle;
|
||||
|
||||
// Method: jQuery.throttle
|
||||
//
|
||||
// Throttle execution of a function. Especially useful for rate limiting
|
||||
// execution of handlers on events like resize and scroll. If you want to
|
||||
// rate-limit execution of a function to a single time, see the
|
||||
// <jQuery.debounce> method.
|
||||
//
|
||||
// In this visualization, | is a throttled-function call and X is the actual
|
||||
// callback execution:
|
||||
//
|
||||
// > Throttled with `no_trailing` specified as false or unspecified:
|
||||
// > ||||||||||||||||||||||||| (pause) |||||||||||||||||||||||||
|
||||
// > X X X X X X X X X X X X
|
||||
// >
|
||||
// > Throttled with `no_trailing` specified as true:
|
||||
// > ||||||||||||||||||||||||| (pause) |||||||||||||||||||||||||
|
||||
// > X X X X X X X X X X
|
||||
//
|
||||
// Usage:
|
||||
//
|
||||
// > var throttled = jQuery.throttle( delay, [ no_trailing, ] callback );
|
||||
// >
|
||||
// > jQuery('selector').bind( 'someevent', throttled );
|
||||
// > jQuery('selector').unbind( 'someevent', throttled );
|
||||
//
|
||||
// This also works in jQuery 1.4+:
|
||||
//
|
||||
// > jQuery('selector').bind( 'someevent', jQuery.throttle( delay, [ no_trailing, ] callback ) );
|
||||
// > jQuery('selector').unbind( 'someevent', callback );
|
||||
//
|
||||
// Arguments:
|
||||
//
|
||||
// delay - (Number) A zero-or-greater delay in milliseconds. For event
|
||||
// callbacks, values around 100 or 250 (or even higher) are most useful.
|
||||
// no_trailing - (Boolean) Optional, defaults to false. If no_trailing is
|
||||
// true, callback will only execute every `delay` milliseconds while the
|
||||
// throttled-function is being called. If no_trailing is false or
|
||||
// unspecified, callback will be executed one final time after the last
|
||||
// throttled-function call. (After the throttled-function has not been
|
||||
// called for `delay` milliseconds, the internal counter is reset)
|
||||
// callback - (Function) A function to be executed after delay milliseconds.
|
||||
// The `this` context and all arguments are passed through, as-is, to
|
||||
// `callback` when the throttled-function is executed.
|
||||
//
|
||||
// Returns:
|
||||
//
|
||||
// (Function) A new, throttled, function.
|
||||
|
||||
$.throttle = jq_throttle = function( delay, no_trailing, callback, debounce_mode ) {
|
||||
// After wrapper has stopped being called, this timeout ensures that
|
||||
// `callback` is executed at the proper times in `throttle` and `end`
|
||||
// debounce modes.
|
||||
var timeout_id,
|
||||
|
||||
// Keep track of the last time `callback` was executed.
|
||||
last_exec = 0;
|
||||
|
||||
// `no_trailing` defaults to falsy.
|
||||
if ( typeof no_trailing !== 'boolean' ) {
|
||||
debounce_mode = callback;
|
||||
callback = no_trailing;
|
||||
no_trailing = undefined;
|
||||
}
|
||||
|
||||
// The `wrapper` function encapsulates all of the throttling / debouncing
|
||||
// functionality and when executed will limit the rate at which `callback`
|
||||
// is executed.
|
||||
function wrapper() {
|
||||
var that = this,
|
||||
elapsed = +new Date() - last_exec,
|
||||
args = arguments;
|
||||
|
||||
// Execute `callback` and update the `last_exec` timestamp.
|
||||
function exec() {
|
||||
last_exec = +new Date();
|
||||
callback.apply( that, args );
|
||||
};
|
||||
|
||||
// If `debounce_mode` is true (at_begin) this is used to clear the flag
|
||||
// to allow future `callback` executions.
|
||||
function clear() {
|
||||
timeout_id = undefined;
|
||||
};
|
||||
|
||||
if ( debounce_mode && !timeout_id ) {
|
||||
// Since `wrapper` is being called for the first time and
|
||||
// `debounce_mode` is true (at_begin), execute `callback`.
|
||||
exec();
|
||||
}
|
||||
|
||||
// Clear any existing timeout.
|
||||
timeout_id && clearTimeout( timeout_id );
|
||||
|
||||
if ( debounce_mode === undefined && elapsed > delay ) {
|
||||
// In throttle mode, if `delay` time has been exceeded, execute
|
||||
// `callback`.
|
||||
exec();
|
||||
|
||||
} else if ( no_trailing !== true ) {
|
||||
// In trailing throttle mode, since `delay` time has not been
|
||||
// exceeded, schedule `callback` to execute `delay` ms after most
|
||||
// recent execution.
|
||||
//
|
||||
// If `debounce_mode` is true (at_begin), schedule `clear` to execute
|
||||
// after `delay` ms.
|
||||
//
|
||||
// If `debounce_mode` is false (at end), schedule `callback` to
|
||||
// execute after `delay` ms.
|
||||
timeout_id = setTimeout( debounce_mode ? clear : exec, debounce_mode === undefined ? delay - elapsed : delay );
|
||||
}
|
||||
};
|
||||
|
||||
// Set the guid of `wrapper` function to the same of original callback, so
|
||||
// it can be removed in jQuery 1.4+ .unbind or .die by using the original
|
||||
// callback as a reference.
|
||||
if ( $.guid ) {
|
||||
wrapper.guid = callback.guid = callback.guid || $.guid++;
|
||||
}
|
||||
|
||||
// Return the wrapper function.
|
||||
return wrapper;
|
||||
};
|
||||
|
||||
// Method: jQuery.debounce
|
||||
//
|
||||
// Debounce execution of a function. Debouncing, unlike throttling,
|
||||
// guarantees that a function is only executed a single time, either at the
|
||||
// very beginning of a series of calls, or at the very end. If you want to
|
||||
// simply rate-limit execution of a function, see the <jQuery.throttle>
|
||||
// method.
|
||||
//
|
||||
// In this visualization, | is a debounced-function call and X is the actual
|
||||
// callback execution:
|
||||
//
|
||||
// > Debounced with `at_begin` specified as false or unspecified:
|
||||
// > ||||||||||||||||||||||||| (pause) |||||||||||||||||||||||||
|
||||
// > X X
|
||||
// >
|
||||
// > Debounced with `at_begin` specified as true:
|
||||
// > ||||||||||||||||||||||||| (pause) |||||||||||||||||||||||||
|
||||
// > X X
|
||||
//
|
||||
// Usage:
|
||||
//
|
||||
// > var debounced = jQuery.debounce( delay, [ at_begin, ] callback );
|
||||
// >
|
||||
// > jQuery('selector').bind( 'someevent', debounced );
|
||||
// > jQuery('selector').unbind( 'someevent', debounced );
|
||||
//
|
||||
// This also works in jQuery 1.4+:
|
||||
//
|
||||
// > jQuery('selector').bind( 'someevent', jQuery.debounce( delay, [ at_begin, ] callback ) );
|
||||
// > jQuery('selector').unbind( 'someevent', callback );
|
||||
//
|
||||
// Arguments:
|
||||
//
|
||||
// delay - (Number) A zero-or-greater delay in milliseconds. For event
|
||||
// callbacks, values around 100 or 250 (or even higher) are most useful.
|
||||
// at_begin - (Boolean) Optional, defaults to false. If at_begin is false or
|
||||
// unspecified, callback will only be executed `delay` milliseconds after
|
||||
// the last debounced-function call. If at_begin is true, callback will be
|
||||
// executed only at the first debounced-function call. (After the
|
||||
// throttled-function has not been called for `delay` milliseconds, the
|
||||
// internal counter is reset)
|
||||
// callback - (Function) A function to be executed after delay milliseconds.
|
||||
// The `this` context and all arguments are passed through, as-is, to
|
||||
// `callback` when the debounced-function is executed.
|
||||
//
|
||||
// Returns:
|
||||
//
|
||||
// (Function) A new, debounced, function.
|
||||
|
||||
$.debounce = function( delay, at_begin, callback ) {
|
||||
return callback === undefined
|
||||
? jq_throttle( delay, at_begin, false )
|
||||
: jq_throttle( delay, callback, at_begin !== false );
|
||||
};
|
||||
|
||||
})(this);
|
||||
145
assets/js/plugins/jquery.greedy-navigation.js
vendored
145
assets/js/plugins/jquery.greedy-navigation.js
vendored
@@ -1,56 +1,98 @@
|
||||
/*
|
||||
GreedyNav.js - https://github.com/lukejacksonn/GreedyNav
|
||||
GreedyNav.js - http://lukejacksonn.com/actuate
|
||||
Licensed under the MIT license - http://opensource.org/licenses/MIT
|
||||
Copyright (c) 2015 Luke Jackson
|
||||
*/
|
||||
|
||||
$(document).ready(function(){
|
||||
$(function() {
|
||||
|
||||
var $btn1 = $('nav.greedy-nav button.navsel');
|
||||
var $btn2 = $('nav.greedy-nav button.langsel');
|
||||
var $vlinks = $('nav.greedy-nav .visible-links');
|
||||
var $hlinks1 = $('nav.greedy-nav .hidden-links.links-menu');
|
||||
var $hlinks2 = $('nav.greedy-nav .hidden-links.lang-menu');
|
||||
var $btn = $("nav.greedy-nav .greedy-nav__toggle");
|
||||
var $btn2 = $("nav.greedy-nav .greedy-nav__toggle_lang");
|
||||
var $vlinks = $("nav.greedy-nav .visible-links");
|
||||
var $hlinks = $("nav.greedy-nav .hidden-links.links-menu");
|
||||
var $hlinks2 = $("nav.greedy-nav .hidden-links.lang-menu");
|
||||
var $nav = $("nav.greedy-nav");
|
||||
// var $logo = $('nav.greedy-nav .site-logo');
|
||||
var $logoImg = $('nav.greedy-nav .site-logo img');
|
||||
// var $title = $("nav.greedy-nav .site-title");
|
||||
var $search = $('nav.greedy-nav button.search__toggle');
|
||||
|
||||
var numOfItems = 0;
|
||||
var totalSpace = 0;
|
||||
var closingTime = 1000;
|
||||
var breakWidths = [];
|
||||
var numOfItems, totalSpace, closingTime, breakWidths;
|
||||
|
||||
// This function measures both hidden and visible links and sets the navbar breakpoints
|
||||
// This is called the first time the script runs and everytime the "check()" function detects a change of window width that reached a different CSS width breakpoint, which affects the size of navbar Items
|
||||
// Please note that "CSS width breakpoints" (which are only 4) !== "navbar breakpoints" (which are as many as the number of items on the navbar)
|
||||
function measureLinks(){
|
||||
numOfItems = 0;
|
||||
totalSpace = 0;
|
||||
closingTime = 1000;
|
||||
breakWidths = [];
|
||||
|
||||
// Adds the width of a navItem in order to create breakpoints for the navbar
|
||||
function addWidth(i, w) {
|
||||
totalSpace += w;
|
||||
numOfItems += 1;
|
||||
breakWidths.push(totalSpace);
|
||||
}
|
||||
|
||||
// Measures the width of hidden links by making a temporary clone of them and positioning under visible links
|
||||
function hiddenWidth(obj){
|
||||
var clone = obj.clone();
|
||||
clone.css("visibility","hidden");
|
||||
$vlinks.append(clone);
|
||||
addWidth(0, clone.outerWidth());
|
||||
clone.remove();
|
||||
}
|
||||
// Measure both visible and hidden links widths
|
||||
$vlinks.children().outerWidth(addWidth);
|
||||
$hlinks.children().each(function(){hiddenWidth($(this))});
|
||||
}
|
||||
// Get initial state
|
||||
$vlinks.children().outerWidth(function(i, w) {
|
||||
totalSpace += w;
|
||||
numOfItems += 1;
|
||||
breakWidths.push(totalSpace);
|
||||
});
|
||||
measureLinks();
|
||||
|
||||
var availableSpace, numOfVisibleItems, requiredSpace, timer1, timer2;
|
||||
var winWidth = $( window ).width();
|
||||
// Set the last measured CSS width breakpoint: 0: <768px, 1: <1024px, 2: < 1280px, 3: >= 1280px.
|
||||
var lastBreakpoint = winWidth < 768 ? 0 : winWidth < 1024 ? 1 : winWidth < 1280 ? 2 : 3;
|
||||
|
||||
var availableSpace, numOfVisibleItems, requiredSpace, timer, timer2;
|
||||
|
||||
function check() {
|
||||
|
||||
winWidth = $( window ).width();
|
||||
// Set the current CSS width breakpoint: 0: <768px, 1: <1024px, 2: < 1280px, 3: >= 1280px.
|
||||
var curBreakpoint = winWidth < 768 ? 0 : winWidth < 1024 ? 1 : winWidth < 1280 ? 2 : 3;
|
||||
// If current breakpoint is different from last measured breakpoint, measureLinks again
|
||||
if(curBreakpoint !== lastBreakpoint) measureLinks();
|
||||
// Set the last measured CSS width breakpoint with the current breakpoint
|
||||
lastBreakpoint = curBreakpoint;
|
||||
|
||||
// Get instant state
|
||||
availableSpace = $vlinks.width() - 10;
|
||||
numOfVisibleItems = $vlinks.children().length;
|
||||
// Decrease the width of visible elements from the nav innerWidth to find out the available space for navItems
|
||||
availableSpace = /* nav */ $nav.innerWidth()
|
||||
- /* logo */ // ($logo.length !== 0 ? $logo.outerWidth(true) : 0)
|
||||
- /* title */ // $title.outerWidth(true)
|
||||
- /* search */ ($search.length !== 0 ? $search.outerWidth(true) : 0)
|
||||
- /* toggle */ (numOfVisibleItems !== breakWidths.length ? $btn.outerWidth(true) : 0)
|
||||
- /* toggle-lang */ ($btn2.outerWidth(true));
|
||||
requiredSpace = breakWidths[numOfVisibleItems - 1];
|
||||
|
||||
// There is not enough space
|
||||
// There is not enought space
|
||||
if (requiredSpace > availableSpace) {
|
||||
$vlinks.children().last().prependTo($hlinks1);
|
||||
$vlinks.children().last().prependTo($hlinks);
|
||||
numOfVisibleItems -= 1;
|
||||
check();
|
||||
// There is more than enough space
|
||||
} else if (availableSpace > breakWidths[numOfVisibleItems]) {
|
||||
$hlinks1.children().first().appendTo($vlinks);
|
||||
// There is more than enough space. If only one element is hidden, add the toggle width to the available space
|
||||
} else if (availableSpace + (numOfVisibleItems === breakWidths.length - 1?$btn.outerWidth(true):0) > breakWidths[numOfVisibleItems]) {
|
||||
$hlinks.children().first().appendTo($vlinks);
|
||||
numOfVisibleItems += 1;
|
||||
check();
|
||||
}
|
||||
// Update the button accordingly
|
||||
$btn1.attr("count", numOfItems - numOfVisibleItems);
|
||||
$btn.attr("count", numOfItems - numOfVisibleItems);
|
||||
if (numOfVisibleItems === numOfItems) {
|
||||
$btn1.addClass('hidden');
|
||||
} else {
|
||||
$btn1.removeClass('hidden');
|
||||
}
|
||||
$btn.addClass('hidden');
|
||||
} else $btn.removeClass('hidden');
|
||||
}
|
||||
|
||||
// Window listeners
|
||||
@@ -58,54 +100,63 @@ $(document).ready(function(){
|
||||
check();
|
||||
});
|
||||
|
||||
$btn1.on('click', function() {
|
||||
if($hlinks1.is(":visible")){
|
||||
$hlinks1.addClass('hidden');
|
||||
$btn.on('click', function() {
|
||||
if($hlinks.is(":visible")){
|
||||
$hlinks.addClass('hidden');
|
||||
$(this).removeClass('close');
|
||||
clearTimeout(timer);
|
||||
} else {
|
||||
$hlinks1.removeClass('hidden');
|
||||
$hlinks.removeClass('hidden');
|
||||
$(this).addClass('close');
|
||||
$hlinks2.addClass('hidden');
|
||||
$btn2.removeClass('close');
|
||||
clearTimeout(timer2);
|
||||
clearTimeout(timer);
|
||||
}
|
||||
});
|
||||
|
||||
$hlinks1.on('mouseleave', function() {
|
||||
// Mouse has left, start the timer1
|
||||
timer1 = setTimeout(function() {
|
||||
$hlinks1.addClass('hidden');
|
||||
$btn1.removeClass('close');
|
||||
$hlinks.on('mouseleave', function() {
|
||||
// Mouse has left, start the timer
|
||||
timer = setTimeout(function() {
|
||||
$hlinks.addClass('hidden');
|
||||
}, closingTime);
|
||||
}).on('mouseenter', function() {
|
||||
// Mouse is back, cancel the timer1
|
||||
clearTimeout(timer1);
|
||||
// Mouse is back, cancel the timer
|
||||
clearTimeout(timer);
|
||||
})
|
||||
|
||||
$btn2.on('click', function() {
|
||||
if($hlinks2.is(":visible")){
|
||||
$hlinks2.addClass('hidden');
|
||||
$(this).removeClass('close');
|
||||
clearTimeout(timer2);
|
||||
} else {
|
||||
$hlinks2.removeClass('hidden');
|
||||
$(this).addClass('close');
|
||||
$hlinks1.addClass('hidden');
|
||||
$btn1.removeClass('close');
|
||||
clearTimeout(timer1);
|
||||
$hlinks.addClass('hidden');
|
||||
$btn.removeClass('close');
|
||||
clearTimeout(timer2);
|
||||
}
|
||||
});
|
||||
|
||||
$hlinks2.on('mouseleave', function() {
|
||||
// Mouse has left, start the timer2
|
||||
// Mouse has left, start the timer
|
||||
timer2 = setTimeout(function() {
|
||||
$hlinks2.addClass('hidden');
|
||||
$btn2.removeClass('close');
|
||||
}, closingTime);
|
||||
}).on('mouseenter', function() {
|
||||
// Mouse is back, cancel the timer2
|
||||
// Mouse is back, cancel the timer
|
||||
clearTimeout(timer2);
|
||||
})
|
||||
|
||||
check();
|
||||
// check if page has a logo
|
||||
if($logoImg.length !== 0){
|
||||
// check if logo is not loaded
|
||||
if(!($logoImg[0].complete || $logoImg[0].naturalWidth !== 0)){
|
||||
// if logo is not loaded wait for logo to load or fail to check
|
||||
$logoImg.one("load error", check);
|
||||
// if logo is already loaded just check
|
||||
} else check();
|
||||
// if page does not have a logo just check
|
||||
} else check();
|
||||
|
||||
});
|
||||
|
||||
2
assets/js/plugins/jquery.magnific-popup.js
vendored
2
assets/js/plugins/jquery.magnific-popup.js
vendored
@@ -1857,4 +1857,4 @@
|
||||
});
|
||||
|
||||
/*>>retina*/
|
||||
_checkInstance(); }));
|
||||
_checkInstance(); }));
|
||||
@@ -1,9 +0,0 @@
|
||||
/*!
|
||||
* jQuery Smooth Scroll - v2.2.0 - 2017-05-05
|
||||
* https://github.com/kswedberg/jquery-smooth-scroll
|
||||
* Copyright (c) 2017 Karl Swedberg
|
||||
* Licensed MIT
|
||||
*/
|
||||
|
||||
|
||||
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a("object"==typeof module&&module.exports?require("jquery"):jQuery)}(function(a){var b={},c={exclude:[],excludeWithin:[],offset:0,direction:"top",delegateSelector:null,scrollElement:null,scrollTarget:null,autoFocus:!1,beforeScroll:function(){},afterScroll:function(){},easing:"swing",speed:400,autoCoefficient:2,preventDefault:!0},d=function(b){var c=[],d=!1,e=b.dir&&"left"===b.dir?"scrollLeft":"scrollTop";return this.each(function(){var b=a(this);if(this!==document&&this!==window)return!document.scrollingElement||this!==document.documentElement&&this!==document.body?void(b[e]()>0?c.push(this):(b[e](1),d=b[e]()>0,d&&c.push(this),b[e](0))):(c.push(document.scrollingElement),!1)}),c.length||this.each(function(){this===document.documentElement&&"smooth"===a(this).css("scrollBehavior")&&(c=[this]),c.length||"BODY"!==this.nodeName||(c=[this])}),"first"===b.el&&c.length>1&&(c=[c[0]]),c},e=/^([\-\+]=)(\d+)/;a.fn.extend({scrollable:function(a){var b=d.call(this,{dir:a});return this.pushStack(b)},firstScrollable:function(a){var b=d.call(this,{el:"first",dir:a});return this.pushStack(b)},smoothScroll:function(b,c){if("options"===(b=b||{}))return c?this.each(function(){var b=a(this),d=a.extend(b.data("ssOpts")||{},c);a(this).data("ssOpts",d)}):this.first().data("ssOpts");var d=a.extend({},a.fn.smoothScroll.defaults,b),e=function(b){var c=function(a){return a.replace(/(:|\.|\/)/g,"\\$1")},e=this,f=a(this),g=a.extend({},d,f.data("ssOpts")||{}),h=d.exclude,i=g.excludeWithin,j=0,k=0,l=!0,m={},n=a.smoothScroll.filterPath(location.pathname),o=a.smoothScroll.filterPath(e.pathname),p=location.hostname===e.hostname||!e.hostname,q=g.scrollTarget||o===n,r=c(e.hash);if(r&&!a(r).length&&(l=!1),g.scrollTarget||p&&q&&r){for(;l&&j<h.length;)f.is(c(h[j++]))&&(l=!1);for(;l&&k<i.length;)f.closest(i[k++]).length&&(l=!1)}else l=!1;l&&(g.preventDefault&&b.preventDefault(),a.extend(m,g,{scrollTarget:g.scrollTarget||r,link:e}),a.smoothScroll(m))};return null!==b.delegateSelector?this.off("click.smoothscroll",b.delegateSelector).on("click.smoothscroll",b.delegateSelector,e):this.off("click.smoothscroll").on("click.smoothscroll",e),this}});var f=function(a){var b={relative:""},c="string"==typeof a&&e.exec(a);return"number"==typeof a?b.px=a:c&&(b.relative=c[1],b.px=parseFloat(c[2])||0),b},g=function(b){var c=a(b.scrollTarget);b.autoFocus&&c.length&&(c[0].focus(),c.is(document.activeElement)||(c.prop({tabIndex:-1}),c[0].focus())),b.afterScroll.call(b.link,b)};a.smoothScroll=function(c,d){if("options"===c&&"object"==typeof d)return a.extend(b,d);var e,h,i,j,k=f(c),l={},m=0,n="offset",o="scrollTop",p={},q={};k.px?e=a.extend({link:null},a.fn.smoothScroll.defaults,b):(e=a.extend({link:null},a.fn.smoothScroll.defaults,c||{},b),e.scrollElement&&(n="position","static"===e.scrollElement.css("position")&&e.scrollElement.css("position","relative")),d&&(k=f(d))),o="left"===e.direction?"scrollLeft":o,e.scrollElement?(h=e.scrollElement,k.px||/^(?:HTML|BODY)$/.test(h[0].nodeName)||(m=h[o]())):h=a("html, body").firstScrollable(e.direction),e.beforeScroll.call(h,e),l=k.px?k:{relative:"",px:a(e.scrollTarget)[n]()&&a(e.scrollTarget)[n]()[e.direction]||0},p[o]=l.relative+(l.px+m+e.offset),i=e.speed,"auto"===i&&(j=Math.abs(p[o]-h[o]()),i=j/e.autoCoefficient),q={duration:i,easing:e.easing,complete:function(){g(e)}},e.step&&(q.step=e.step),h.length?h.stop().animate(p,q):g(e)},a.smoothScroll.version="2.2.0",a.smoothScroll.filterPath=function(a){return a=a||"",a.replace(/^\//,"").replace(/(?:index|default).[a-zA-Z]{3,4}$/,"").replace(/\/$/,"")},a.fn.smoothScroll.defaults=c});
|
||||
650
assets/js/plugins/smooth-scroll.js
vendored
Normal file
650
assets/js/plugins/smooth-scroll.js
vendored
Normal file
@@ -0,0 +1,650 @@
|
||||
/*!
|
||||
* smooth-scroll v16.1.2
|
||||
* Animate scrolling to anchor links
|
||||
* (c) 2020 Chris Ferdinandi
|
||||
* MIT License
|
||||
* http://github.com/cferdinandi/smooth-scroll
|
||||
*/
|
||||
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
define([], (function () {
|
||||
return factory(root);
|
||||
}));
|
||||
} else if (typeof exports === 'object') {
|
||||
module.exports = factory(root);
|
||||
} else {
|
||||
root.SmoothScroll = factory(root);
|
||||
}
|
||||
})(typeof global !== 'undefined' ? global : typeof window !== 'undefined' ? window : this, (function (window) {
|
||||
|
||||
'use strict';
|
||||
|
||||
//
|
||||
// Default settings
|
||||
//
|
||||
|
||||
var defaults = {
|
||||
|
||||
// Selectors
|
||||
ignore: '[data-scroll-ignore]',
|
||||
header: null,
|
||||
topOnEmptyHash: true,
|
||||
|
||||
// Speed & Duration
|
||||
speed: 500,
|
||||
speedAsDuration: false,
|
||||
durationMax: null,
|
||||
durationMin: null,
|
||||
clip: true,
|
||||
offset: 0,
|
||||
|
||||
// Easing
|
||||
easing: 'easeInOutCubic',
|
||||
customEasing: null,
|
||||
|
||||
// History
|
||||
updateURL: true,
|
||||
popstate: true,
|
||||
|
||||
// Custom Events
|
||||
emitEvents: true
|
||||
|
||||
};
|
||||
|
||||
|
||||
//
|
||||
// Utility Methods
|
||||
//
|
||||
|
||||
/**
|
||||
* Check if browser supports required methods
|
||||
* @return {Boolean} Returns true if all required methods are supported
|
||||
*/
|
||||
var supports = function () {
|
||||
return (
|
||||
'querySelector' in document &&
|
||||
'addEventListener' in window &&
|
||||
'requestAnimationFrame' in window &&
|
||||
'closest' in window.Element.prototype
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* Merge two or more objects together.
|
||||
* @param {Object} objects The objects to merge together
|
||||
* @returns {Object} Merged values of defaults and options
|
||||
*/
|
||||
var extend = function () {
|
||||
var merged = {};
|
||||
Array.prototype.forEach.call(arguments, (function (obj) {
|
||||
for (var key in obj) {
|
||||
if (!obj.hasOwnProperty(key)) return;
|
||||
merged[key] = obj[key];
|
||||
}
|
||||
}));
|
||||
return merged;
|
||||
};
|
||||
|
||||
/**
|
||||
* Check to see if user prefers reduced motion
|
||||
* @param {Object} settings Script settings
|
||||
*/
|
||||
var reduceMotion = function () {
|
||||
if ('matchMedia' in window && window.matchMedia('(prefers-reduced-motion)').matches) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
/**
|
||||
* Get the height of an element.
|
||||
* @param {Node} elem The element to get the height of
|
||||
* @return {Number} The element's height in pixels
|
||||
*/
|
||||
var getHeight = function (elem) {
|
||||
return parseInt(window.getComputedStyle(elem).height, 10);
|
||||
};
|
||||
|
||||
/**
|
||||
* Escape special characters for use with querySelector
|
||||
* @author Mathias Bynens
|
||||
* @link https://github.com/mathiasbynens/CSS.escape
|
||||
* @param {String} id The anchor ID to escape
|
||||
*/
|
||||
var escapeCharacters = function (id) {
|
||||
|
||||
// Remove leading hash
|
||||
if (id.charAt(0) === '#') {
|
||||
id = id.substr(1);
|
||||
}
|
||||
|
||||
var string = String(id);
|
||||
var length = string.length;
|
||||
var index = -1;
|
||||
var codeUnit;
|
||||
var result = '';
|
||||
var firstCodeUnit = string.charCodeAt(0);
|
||||
while (++index < length) {
|
||||
codeUnit = string.charCodeAt(index);
|
||||
// Note: there’s no need to special-case astral symbols, surrogate
|
||||
// pairs, or lone surrogates.
|
||||
|
||||
// If the character is NULL (U+0000), then throw an
|
||||
// `InvalidCharacterError` exception and terminate these steps.
|
||||
if (codeUnit === 0x0000) {
|
||||
throw new InvalidCharacterError(
|
||||
'Invalid character: the input contains U+0000.'
|
||||
);
|
||||
}
|
||||
|
||||
if (
|
||||
// If the character is in the range [\1-\1F] (U+0001 to U+001F) or is
|
||||
// U+007F, […]
|
||||
(codeUnit >= 0x0001 && codeUnit <= 0x001F) || codeUnit == 0x007F ||
|
||||
// If the character is the first character and is in the range [0-9]
|
||||
// (U+0030 to U+0039), […]
|
||||
(index === 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039) ||
|
||||
// If the character is the second character and is in the range [0-9]
|
||||
// (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
|
||||
(
|
||||
index === 1 &&
|
||||
codeUnit >= 0x0030 && codeUnit <= 0x0039 &&
|
||||
firstCodeUnit === 0x002D
|
||||
)
|
||||
) {
|
||||
// http://dev.w3.org/csswg/cssom/#escape-a-character-as-code-point
|
||||
result += '\\' + codeUnit.toString(16) + ' ';
|
||||
continue;
|
||||
}
|
||||
|
||||
// If the character is not handled by one of the above rules and is
|
||||
// greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
|
||||
// is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
|
||||
// U+005A), or [a-z] (U+0061 to U+007A), […]
|
||||
if (
|
||||
codeUnit >= 0x0080 ||
|
||||
codeUnit === 0x002D ||
|
||||
codeUnit === 0x005F ||
|
||||
codeUnit >= 0x0030 && codeUnit <= 0x0039 ||
|
||||
codeUnit >= 0x0041 && codeUnit <= 0x005A ||
|
||||
codeUnit >= 0x0061 && codeUnit <= 0x007A
|
||||
) {
|
||||
// the character itself
|
||||
result += string.charAt(index);
|
||||
continue;
|
||||
}
|
||||
|
||||
// Otherwise, the escaped character.
|
||||
// http://dev.w3.org/csswg/cssom/#escape-a-character
|
||||
result += '\\' + string.charAt(index);
|
||||
|
||||
}
|
||||
|
||||
// Return sanitized hash
|
||||
return '#' + result;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Calculate the easing pattern
|
||||
* @link https://gist.github.com/gre/1650294
|
||||
* @param {String} type Easing pattern
|
||||
* @param {Number} time Time animation should take to complete
|
||||
* @returns {Number}
|
||||
*/
|
||||
var easingPattern = function (settings, time) {
|
||||
var pattern;
|
||||
|
||||
// Default Easing Patterns
|
||||
if (settings.easing === 'easeInQuad') pattern = time * time; // accelerating from zero velocity
|
||||
if (settings.easing === 'easeOutQuad') pattern = time * (2 - time); // decelerating to zero velocity
|
||||
if (settings.easing === 'easeInOutQuad') pattern = time < 0.5 ? 2 * time * time : -1 + (4 - 2 * time) * time; // acceleration until halfway, then deceleration
|
||||
if (settings.easing === 'easeInCubic') pattern = time * time * time; // accelerating from zero velocity
|
||||
if (settings.easing === 'easeOutCubic') pattern = (--time) * time * time + 1; // decelerating to zero velocity
|
||||
if (settings.easing === 'easeInOutCubic') pattern = time < 0.5 ? 4 * time * time * time : (time - 1) * (2 * time - 2) * (2 * time - 2) + 1; // acceleration until halfway, then deceleration
|
||||
if (settings.easing === 'easeInQuart') pattern = time * time * time * time; // accelerating from zero velocity
|
||||
if (settings.easing === 'easeOutQuart') pattern = 1 - (--time) * time * time * time; // decelerating to zero velocity
|
||||
if (settings.easing === 'easeInOutQuart') pattern = time < 0.5 ? 8 * time * time * time * time : 1 - 8 * (--time) * time * time * time; // acceleration until halfway, then deceleration
|
||||
if (settings.easing === 'easeInQuint') pattern = time * time * time * time * time; // accelerating from zero velocity
|
||||
if (settings.easing === 'easeOutQuint') pattern = 1 + (--time) * time * time * time * time; // decelerating to zero velocity
|
||||
if (settings.easing === 'easeInOutQuint') pattern = time < 0.5 ? 16 * time * time * time * time * time : 1 + 16 * (--time) * time * time * time * time; // acceleration until halfway, then deceleration
|
||||
|
||||
// Custom Easing Patterns
|
||||
if (!!settings.customEasing) pattern = settings.customEasing(time);
|
||||
|
||||
return pattern || time; // no easing, no acceleration
|
||||
};
|
||||
|
||||
/**
|
||||
* Determine the document's height
|
||||
* @returns {Number}
|
||||
*/
|
||||
var getDocumentHeight = function () {
|
||||
return Math.max(
|
||||
document.body.scrollHeight, document.documentElement.scrollHeight,
|
||||
document.body.offsetHeight, document.documentElement.offsetHeight,
|
||||
document.body.clientHeight, document.documentElement.clientHeight
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* Calculate how far to scroll
|
||||
* Clip support added by robjtede - https://github.com/cferdinandi/smooth-scroll/issues/405
|
||||
* @param {Element} anchor The anchor element to scroll to
|
||||
* @param {Number} headerHeight Height of a fixed header, if any
|
||||
* @param {Number} offset Number of pixels by which to offset scroll
|
||||
* @param {Boolean} clip If true, adjust scroll distance to prevent abrupt stops near the bottom of the page
|
||||
* @returns {Number}
|
||||
*/
|
||||
var getEndLocation = function (anchor, headerHeight, offset, clip) {
|
||||
var location = 0;
|
||||
if (anchor.offsetParent) {
|
||||
do {
|
||||
location += anchor.offsetTop;
|
||||
anchor = anchor.offsetParent;
|
||||
} while (anchor);
|
||||
}
|
||||
location = Math.max(location - headerHeight - offset, 0);
|
||||
if (clip) {
|
||||
location = Math.min(location, getDocumentHeight() - window.innerHeight);
|
||||
}
|
||||
return location;
|
||||
};
|
||||
|
||||
/**
|
||||
* Get the height of the fixed header
|
||||
* @param {Node} header The header
|
||||
* @return {Number} The height of the header
|
||||
*/
|
||||
var getHeaderHeight = function (header) {
|
||||
return !header ? 0 : (getHeight(header) + header.offsetTop);
|
||||
};
|
||||
|
||||
/**
|
||||
* Calculate the speed to use for the animation
|
||||
* @param {Number} distance The distance to travel
|
||||
* @param {Object} settings The plugin settings
|
||||
* @return {Number} How fast to animate
|
||||
*/
|
||||
var getSpeed = function (distance, settings) {
|
||||
var speed = settings.speedAsDuration ? settings.speed : Math.abs(distance / 1000 * settings.speed);
|
||||
if (settings.durationMax && speed > settings.durationMax) return settings.durationMax;
|
||||
if (settings.durationMin && speed < settings.durationMin) return settings.durationMin;
|
||||
return parseInt(speed, 10);
|
||||
};
|
||||
|
||||
var setHistory = function (options) {
|
||||
|
||||
// Make sure this should run
|
||||
if (!history.replaceState || !options.updateURL || history.state) return;
|
||||
|
||||
// Get the hash to use
|
||||
var hash = window.location.hash;
|
||||
hash = hash ? hash : '';
|
||||
|
||||
// Set a default history
|
||||
history.replaceState(
|
||||
{
|
||||
smoothScroll: JSON.stringify(options),
|
||||
anchor: hash ? hash : window.pageYOffset
|
||||
},
|
||||
document.title,
|
||||
hash ? hash : window.location.href
|
||||
);
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Update the URL
|
||||
* @param {Node} anchor The anchor that was scrolled to
|
||||
* @param {Boolean} isNum If true, anchor is a number
|
||||
* @param {Object} options Settings for Smooth Scroll
|
||||
*/
|
||||
var updateURL = function (anchor, isNum, options) {
|
||||
|
||||
// Bail if the anchor is a number
|
||||
if (isNum) return;
|
||||
|
||||
// Verify that pushState is supported and the updateURL option is enabled
|
||||
if (!history.pushState || !options.updateURL) return;
|
||||
|
||||
// Update URL
|
||||
history.pushState(
|
||||
{
|
||||
smoothScroll: JSON.stringify(options),
|
||||
anchor: anchor.id
|
||||
},
|
||||
document.title,
|
||||
anchor === document.documentElement ? '#top' : '#' + anchor.id
|
||||
);
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Bring the anchored element into focus
|
||||
* @param {Node} anchor The anchor element
|
||||
* @param {Number} endLocation The end location to scroll to
|
||||
* @param {Boolean} isNum If true, scroll is to a position rather than an element
|
||||
*/
|
||||
var adjustFocus = function (anchor, endLocation, isNum) {
|
||||
|
||||
// Is scrolling to top of page, blur
|
||||
if (anchor === 0) {
|
||||
document.body.focus();
|
||||
}
|
||||
|
||||
// Don't run if scrolling to a number on the page
|
||||
if (isNum) return;
|
||||
|
||||
// Otherwise, bring anchor element into focus
|
||||
anchor.focus();
|
||||
if (document.activeElement !== anchor) {
|
||||
anchor.setAttribute('tabindex', '-1');
|
||||
anchor.focus();
|
||||
anchor.style.outline = 'none';
|
||||
}
|
||||
window.scrollTo(0 , endLocation);
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Emit a custom event
|
||||
* @param {String} type The event type
|
||||
* @param {Object} options The settings object
|
||||
* @param {Node} anchor The anchor element
|
||||
* @param {Node} toggle The toggle element
|
||||
*/
|
||||
var emitEvent = function (type, options, anchor, toggle) {
|
||||
if (!options.emitEvents || typeof window.CustomEvent !== 'function') return;
|
||||
var event = new CustomEvent(type, {
|
||||
bubbles: true,
|
||||
detail: {
|
||||
anchor: anchor,
|
||||
toggle: toggle
|
||||
}
|
||||
});
|
||||
document.dispatchEvent(event);
|
||||
};
|
||||
|
||||
|
||||
//
|
||||
// SmoothScroll Constructor
|
||||
//
|
||||
|
||||
var SmoothScroll = function (selector, options) {
|
||||
|
||||
//
|
||||
// Variables
|
||||
//
|
||||
|
||||
var smoothScroll = {}; // Object for public APIs
|
||||
var settings, anchor, toggle, fixedHeader, eventTimeout, animationInterval;
|
||||
|
||||
|
||||
//
|
||||
// Methods
|
||||
//
|
||||
|
||||
/**
|
||||
* Cancel a scroll-in-progress
|
||||
*/
|
||||
smoothScroll.cancelScroll = function (noEvent) {
|
||||
cancelAnimationFrame(animationInterval);
|
||||
animationInterval = null;
|
||||
if (noEvent) return;
|
||||
emitEvent('scrollCancel', settings);
|
||||
};
|
||||
|
||||
/**
|
||||
* Start/stop the scrolling animation
|
||||
* @param {Node|Number} anchor The element or position to scroll to
|
||||
* @param {Element} toggle The element that toggled the scroll event
|
||||
* @param {Object} options
|
||||
*/
|
||||
smoothScroll.animateScroll = function (anchor, toggle, options) {
|
||||
|
||||
// Cancel any in progress scrolls
|
||||
smoothScroll.cancelScroll();
|
||||
|
||||
// Local settings
|
||||
var _settings = extend(settings || defaults, options || {}); // Merge user options with defaults
|
||||
|
||||
// Selectors and variables
|
||||
var isNum = Object.prototype.toString.call(anchor) === '[object Number]' ? true : false;
|
||||
var anchorElem = isNum || !anchor.tagName ? null : anchor;
|
||||
if (!isNum && !anchorElem) return;
|
||||
var startLocation = window.pageYOffset; // Current location on the page
|
||||
if (_settings.header && !fixedHeader) {
|
||||
// Get the fixed header if not already set
|
||||
fixedHeader = document.querySelector(_settings.header);
|
||||
}
|
||||
var headerHeight = getHeaderHeight(fixedHeader);
|
||||
var endLocation = isNum ? anchor : getEndLocation(anchorElem, headerHeight, parseInt((typeof _settings.offset === 'function' ? _settings.offset(anchor, toggle) : _settings.offset), 10), _settings.clip); // Location to scroll to
|
||||
var distance = endLocation - startLocation; // distance to travel
|
||||
var documentHeight = getDocumentHeight();
|
||||
var timeLapsed = 0;
|
||||
var speed = getSpeed(distance, _settings);
|
||||
var start, percentage, position;
|
||||
|
||||
/**
|
||||
* Stop the scroll animation when it reaches its target (or the bottom/top of page)
|
||||
* @param {Number} position Current position on the page
|
||||
* @param {Number} endLocation Scroll to location
|
||||
* @param {Number} animationInterval How much to scroll on this loop
|
||||
*/
|
||||
var stopAnimateScroll = function (position, endLocation) {
|
||||
|
||||
// Get the current location
|
||||
var currentLocation = window.pageYOffset;
|
||||
|
||||
// Check if the end location has been reached yet (or we've hit the end of the document)
|
||||
if (position == endLocation || currentLocation == endLocation || ((startLocation < endLocation && window.innerHeight + currentLocation) >= documentHeight)) {
|
||||
|
||||
// Clear the animation timer
|
||||
smoothScroll.cancelScroll(true);
|
||||
|
||||
// Bring the anchored element into focus
|
||||
adjustFocus(anchor, endLocation, isNum);
|
||||
|
||||
// Emit a custom event
|
||||
emitEvent('scrollStop', _settings, anchor, toggle);
|
||||
|
||||
// Reset start
|
||||
start = null;
|
||||
animationInterval = null;
|
||||
|
||||
return true;
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Loop scrolling animation
|
||||
*/
|
||||
var loopAnimateScroll = function (timestamp) {
|
||||
if (!start) { start = timestamp; }
|
||||
timeLapsed += timestamp - start;
|
||||
percentage = speed === 0 ? 0 : (timeLapsed / speed);
|
||||
percentage = (percentage > 1) ? 1 : percentage;
|
||||
position = startLocation + (distance * easingPattern(_settings, percentage));
|
||||
window.scrollTo(0, Math.floor(position));
|
||||
if (!stopAnimateScroll(position, endLocation)) {
|
||||
animationInterval = window.requestAnimationFrame(loopAnimateScroll);
|
||||
start = timestamp;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Reset position to fix weird iOS bug
|
||||
* @link https://github.com/cferdinandi/smooth-scroll/issues/45
|
||||
*/
|
||||
if (window.pageYOffset === 0) {
|
||||
window.scrollTo(0, 0);
|
||||
}
|
||||
|
||||
// Update the URL
|
||||
updateURL(anchor, isNum, _settings);
|
||||
|
||||
// If the user prefers reduced motion, jump to location
|
||||
if (reduceMotion()) {
|
||||
window.scrollTo(0, Math.floor(endLocation));
|
||||
return;
|
||||
}
|
||||
|
||||
// Emit a custom event
|
||||
emitEvent('scrollStart', _settings, anchor, toggle);
|
||||
|
||||
// Start scrolling animation
|
||||
smoothScroll.cancelScroll(true);
|
||||
window.requestAnimationFrame(loopAnimateScroll);
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* If smooth scroll element clicked, animate scroll
|
||||
*/
|
||||
var clickHandler = function (event) {
|
||||
|
||||
// Don't run if event was canceled but still bubbled up
|
||||
// By @mgreter - https://github.com/cferdinandi/smooth-scroll/pull/462/
|
||||
if (event.defaultPrevented) return;
|
||||
|
||||
// Don't run if right-click or command/control + click or shift + click
|
||||
if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey) return;
|
||||
|
||||
// Check if event.target has closest() method
|
||||
// By @totegi - https://github.com/cferdinandi/smooth-scroll/pull/401/
|
||||
if (!('closest' in event.target)) return;
|
||||
|
||||
// Check if a smooth scroll link was clicked
|
||||
toggle = event.target.closest(selector);
|
||||
if (!toggle || toggle.tagName.toLowerCase() !== 'a' || event.target.closest(settings.ignore)) return;
|
||||
|
||||
// Only run if link is an anchor and points to the current page
|
||||
if (toggle.hostname !== window.location.hostname || toggle.pathname !== window.location.pathname || !/#/.test(toggle.href)) return;
|
||||
|
||||
// Get an escaped version of the hash
|
||||
var hash;
|
||||
try {
|
||||
hash = escapeCharacters(decodeURIComponent(toggle.hash));
|
||||
} catch(e) {
|
||||
hash = escapeCharacters(toggle.hash);
|
||||
}
|
||||
|
||||
// Get the anchored element
|
||||
var anchor;
|
||||
if (hash === '#') {
|
||||
if (!settings.topOnEmptyHash) return;
|
||||
anchor = document.documentElement;
|
||||
} else {
|
||||
anchor = document.querySelector(hash);
|
||||
}
|
||||
anchor = !anchor && hash === '#top' ? document.documentElement : anchor;
|
||||
|
||||
// If anchored element exists, scroll to it
|
||||
if (!anchor) return;
|
||||
event.preventDefault();
|
||||
setHistory(settings);
|
||||
smoothScroll.animateScroll(anchor, toggle);
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Animate scroll on popstate events
|
||||
*/
|
||||
var popstateHandler = function (event) {
|
||||
|
||||
// Stop if history.state doesn't exist (ex. if clicking on a broken anchor link).
|
||||
// fixes `Cannot read property 'smoothScroll' of null` error getting thrown.
|
||||
if (history.state === null) return;
|
||||
|
||||
// Only run if state is a popstate record for this instantiation
|
||||
if (!history.state.smoothScroll || history.state.smoothScroll !== JSON.stringify(settings)) return;
|
||||
|
||||
// Only run if state includes an anchor
|
||||
|
||||
// if (!history.state.anchor && history.state.anchor !== 0) return;
|
||||
|
||||
// Get the anchor
|
||||
var anchor = history.state.anchor;
|
||||
if (typeof anchor === 'string' && anchor) {
|
||||
anchor = document.querySelector(escapeCharacters(history.state.anchor));
|
||||
if (!anchor) return;
|
||||
}
|
||||
|
||||
// Animate scroll to anchor link
|
||||
smoothScroll.animateScroll(anchor, null, {updateURL: false});
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Destroy the current initialization.
|
||||
*/
|
||||
smoothScroll.destroy = function () {
|
||||
|
||||
// If plugin isn't already initialized, stop
|
||||
if (!settings) return;
|
||||
|
||||
// Remove event listeners
|
||||
document.removeEventListener('click', clickHandler, false);
|
||||
window.removeEventListener('popstate', popstateHandler, false);
|
||||
|
||||
// Cancel any scrolls-in-progress
|
||||
smoothScroll.cancelScroll();
|
||||
|
||||
// Reset variables
|
||||
settings = null;
|
||||
anchor = null;
|
||||
toggle = null;
|
||||
fixedHeader = null;
|
||||
eventTimeout = null;
|
||||
animationInterval = null;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Initialize Smooth Scroll
|
||||
* @param {Object} options User settings
|
||||
*/
|
||||
var init = function () {
|
||||
|
||||
// feature test
|
||||
if (!supports()) throw 'Smooth Scroll: This browser does not support the required JavaScript methods and browser APIs.';
|
||||
|
||||
// Destroy any existing initializations
|
||||
smoothScroll.destroy();
|
||||
|
||||
// Selectors and variables
|
||||
settings = extend(defaults, options || {}); // Merge user options with defaults
|
||||
fixedHeader = settings.header ? document.querySelector(settings.header) : null; // Get the fixed header
|
||||
|
||||
// When a toggle is clicked, run the click handler
|
||||
document.addEventListener('click', clickHandler, false);
|
||||
|
||||
// If updateURL and popState are enabled, listen for pop events
|
||||
if (settings.updateURL && settings.popstate) {
|
||||
window.addEventListener('popstate', popstateHandler, false);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
|
||||
//
|
||||
// Initialize plugin
|
||||
//
|
||||
|
||||
init();
|
||||
|
||||
|
||||
//
|
||||
// Public APIs
|
||||
//
|
||||
|
||||
return smoothScroll;
|
||||
|
||||
};
|
||||
|
||||
return SmoothScroll;
|
||||
|
||||
}));
|
||||
8
assets/js/plugins/stickyfill.min.js
vendored
8
assets/js/plugins/stickyfill.min.js
vendored
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user