Use NPM versions in builds
This changes the Grunt script to automatically pull the locations of the NPM versions of the Almond loader and jQuery mousewheel plugin. This means we no longer need to include these vendor files in our repository, as the builds will automatically pull from the existing NPM files.
This commit is contained in:
Kevin Brown
parent
32b6eae54b
commit
af97cc9996
14
Gruntfile.js
14
Gruntfile.js
@ -4,7 +4,7 @@ module.exports = function (grunt) {
|
|||||||
'jquery.select2',
|
'jquery.select2',
|
||||||
'almond',
|
'almond',
|
||||||
|
|
||||||
'jquery.mousewheel' // shimmed for non-full builds
|
'jquery-mousewheel' // shimmed for non-full builds
|
||||||
];
|
];
|
||||||
|
|
||||||
fullIncludes = [
|
fullIncludes = [
|
||||||
@ -256,9 +256,9 @@ module.exports = function (grunt) {
|
|||||||
include: includes,
|
include: includes,
|
||||||
namespace: 'S2',
|
namespace: 'S2',
|
||||||
paths: {
|
paths: {
|
||||||
almond: '../../vendor/almond-0.2.9',
|
'almond': require.resolve('almond').slice(0, -3),
|
||||||
jquery: 'jquery.shim',
|
'jquery': 'jquery.shim',
|
||||||
'jquery.mousewheel': 'jquery.mousewheel.shim'
|
'jquery-mousewheel': 'jquery.mousewheel.shim'
|
||||||
},
|
},
|
||||||
wrap: {
|
wrap: {
|
||||||
startFile: 'src/js/banner.start.js',
|
startFile: 'src/js/banner.start.js',
|
||||||
@ -275,9 +275,9 @@ module.exports = function (grunt) {
|
|||||||
include: fullIncludes,
|
include: fullIncludes,
|
||||||
namespace: 'S2',
|
namespace: 'S2',
|
||||||
paths: {
|
paths: {
|
||||||
almond: '../../vendor/almond-0.2.9',
|
'almond': require.resolve('almond').slice(0, -3),
|
||||||
jquery: 'jquery.shim',
|
'jquery': 'jquery.shim',
|
||||||
'jquery.mousewheel': '../../vendor/jquery.mousewheel'
|
'jquery-mousewheel': require.resolve('jquery-mousewheel').slice(0, -3)
|
||||||
},
|
},
|
||||||
wrap: {
|
wrap: {
|
||||||
startFile: 'src/js/banner.start.js',
|
startFile: 'src/js/banner.start.js',
|
||||||
|
|||||||
421
vendor/almond-0.2.9.js
vendored
421
vendor/almond-0.2.9.js
vendored
@ -1,421 +0,0 @@
|
|||||||
/**
|
|
||||||
* @license almond 0.2.9 Copyright (c) 2011-2014, The Dojo Foundation All Rights Reserved.
|
|
||||||
* Available via the MIT or new BSD license.
|
|
||||||
* see: http://github.com/jrburke/almond for details
|
|
||||||
*/
|
|
||||||
//Going sloppy to avoid 'use strict' string cost, but strict practices should
|
|
||||||
//be followed.
|
|
||||||
/*jslint sloppy: true */
|
|
||||||
/*global setTimeout: false */
|
|
||||||
|
|
||||||
var requirejs, require, define;
|
|
||||||
(function (undef) {
|
|
||||||
var main, req, makeMap, handlers,
|
|
||||||
defined = {},
|
|
||||||
waiting = {},
|
|
||||||
config = {},
|
|
||||||
defining = {},
|
|
||||||
hasOwn = Object.prototype.hasOwnProperty,
|
|
||||||
aps = [].slice,
|
|
||||||
jsSuffixRegExp = /\.js$/;
|
|
||||||
|
|
||||||
function hasProp(obj, prop) {
|
|
||||||
return hasOwn.call(obj, prop);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Given a relative module name, like ./something, normalize it to
|
|
||||||
* a real name that can be mapped to a path.
|
|
||||||
* @param {String} name the relative name
|
|
||||||
* @param {String} baseName a real name that the name arg is relative
|
|
||||||
* to.
|
|
||||||
* @returns {String} normalized name
|
|
||||||
*/
|
|
||||||
function normalize(name, baseName) {
|
|
||||||
var nameParts, nameSegment, mapValue, foundMap, lastIndex,
|
|
||||||
foundI, foundStarMap, starI, i, j, part,
|
|
||||||
baseParts = baseName && baseName.split("/"),
|
|
||||||
map = config.map,
|
|
||||||
starMap = (map && map['*']) || {};
|
|
||||||
|
|
||||||
//Adjust any relative paths.
|
|
||||||
if (name && name.charAt(0) === ".") {
|
|
||||||
//If have a base name, try to normalize against it,
|
|
||||||
//otherwise, assume it is a top-level require that will
|
|
||||||
//be relative to baseUrl in the end.
|
|
||||||
if (baseName) {
|
|
||||||
//Convert baseName to array, and lop off the last part,
|
|
||||||
//so that . matches that "directory" and not name of the baseName's
|
|
||||||
//module. For instance, baseName of "one/two/three", maps to
|
|
||||||
//"one/two/three.js", but we want the directory, "one/two" for
|
|
||||||
//this normalization.
|
|
||||||
baseParts = baseParts.slice(0, baseParts.length - 1);
|
|
||||||
name = name.split('/');
|
|
||||||
lastIndex = name.length - 1;
|
|
||||||
|
|
||||||
// Node .js allowance:
|
|
||||||
if (config.nodeIdCompat && jsSuffixRegExp.test(name[lastIndex])) {
|
|
||||||
name[lastIndex] = name[lastIndex].replace(jsSuffixRegExp, '');
|
|
||||||
}
|
|
||||||
|
|
||||||
name = baseParts.concat(name);
|
|
||||||
|
|
||||||
//start trimDots
|
|
||||||
for (i = 0; i < name.length; i += 1) {
|
|
||||||
part = name[i];
|
|
||||||
if (part === ".") {
|
|
||||||
name.splice(i, 1);
|
|
||||||
i -= 1;
|
|
||||||
} else if (part === "..") {
|
|
||||||
if (i === 1 && (name[2] === '..' || name[0] === '..')) {
|
|
||||||
//End of the line. Keep at least one non-dot
|
|
||||||
//path segment at the front so it can be mapped
|
|
||||||
//correctly to disk. Otherwise, there is likely
|
|
||||||
//no path mapping for a path starting with '..'.
|
|
||||||
//This can still fail, but catches the most reasonable
|
|
||||||
//uses of ..
|
|
||||||
break;
|
|
||||||
} else if (i > 0) {
|
|
||||||
name.splice(i - 1, 2);
|
|
||||||
i -= 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//end trimDots
|
|
||||||
|
|
||||||
name = name.join("/");
|
|
||||||
} else if (name.indexOf('./') === 0) {
|
|
||||||
// No baseName, so this is ID is resolved relative
|
|
||||||
// to baseUrl, pull off the leading dot.
|
|
||||||
name = name.substring(2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//Apply map config if available.
|
|
||||||
if ((baseParts || starMap) && map) {
|
|
||||||
nameParts = name.split('/');
|
|
||||||
|
|
||||||
for (i = nameParts.length; i > 0; i -= 1) {
|
|
||||||
nameSegment = nameParts.slice(0, i).join("/");
|
|
||||||
|
|
||||||
if (baseParts) {
|
|
||||||
//Find the longest baseName segment match in the config.
|
|
||||||
//So, do joins on the biggest to smallest lengths of baseParts.
|
|
||||||
for (j = baseParts.length; j > 0; j -= 1) {
|
|
||||||
mapValue = map[baseParts.slice(0, j).join('/')];
|
|
||||||
|
|
||||||
//baseName segment has config, find if it has one for
|
|
||||||
//this name.
|
|
||||||
if (mapValue) {
|
|
||||||
mapValue = mapValue[nameSegment];
|
|
||||||
if (mapValue) {
|
|
||||||
//Match, update name to the new value.
|
|
||||||
foundMap = mapValue;
|
|
||||||
foundI = i;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (foundMap) {
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
//Check for a star map match, but just hold on to it,
|
|
||||||
//if there is a shorter segment match later in a matching
|
|
||||||
//config, then favor over this star map.
|
|
||||||
if (!foundStarMap && starMap && starMap[nameSegment]) {
|
|
||||||
foundStarMap = starMap[nameSegment];
|
|
||||||
starI = i;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!foundMap && foundStarMap) {
|
|
||||||
foundMap = foundStarMap;
|
|
||||||
foundI = starI;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (foundMap) {
|
|
||||||
nameParts.splice(0, foundI, foundMap);
|
|
||||||
name = nameParts.join('/');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return name;
|
|
||||||
}
|
|
||||||
|
|
||||||
function makeRequire(relName, forceSync) {
|
|
||||||
return function () {
|
|
||||||
//A version of a require function that passes a moduleName
|
|
||||||
//value for items that may need to
|
|
||||||
//look up paths relative to the moduleName
|
|
||||||
return req.apply(undef, aps.call(arguments, 0).concat([relName, forceSync]));
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function makeNormalize(relName) {
|
|
||||||
return function (name) {
|
|
||||||
return normalize(name, relName);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function makeLoad(depName) {
|
|
||||||
return function (value) {
|
|
||||||
defined[depName] = value;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function callDep(name) {
|
|
||||||
if (hasProp(waiting, name)) {
|
|
||||||
var args = waiting[name];
|
|
||||||
delete waiting[name];
|
|
||||||
defining[name] = true;
|
|
||||||
main.apply(undef, args);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!hasProp(defined, name) && !hasProp(defining, name)) {
|
|
||||||
throw new Error('No ' + name);
|
|
||||||
}
|
|
||||||
return defined[name];
|
|
||||||
}
|
|
||||||
|
|
||||||
//Turns a plugin!resource to [plugin, resource]
|
|
||||||
//with the plugin being undefined if the name
|
|
||||||
//did not have a plugin prefix.
|
|
||||||
function splitPrefix(name) {
|
|
||||||
var prefix,
|
|
||||||
index = name ? name.indexOf('!') : -1;
|
|
||||||
if (index > -1) {
|
|
||||||
prefix = name.substring(0, index);
|
|
||||||
name = name.substring(index + 1, name.length);
|
|
||||||
}
|
|
||||||
return [prefix, name];
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Makes a name map, normalizing the name, and using a plugin
|
|
||||||
* for normalization if necessary. Grabs a ref to plugin
|
|
||||||
* too, as an optimization.
|
|
||||||
*/
|
|
||||||
makeMap = function (name, relName) {
|
|
||||||
var plugin,
|
|
||||||
parts = splitPrefix(name),
|
|
||||||
prefix = parts[0];
|
|
||||||
|
|
||||||
name = parts[1];
|
|
||||||
|
|
||||||
if (prefix) {
|
|
||||||
prefix = normalize(prefix, relName);
|
|
||||||
plugin = callDep(prefix);
|
|
||||||
}
|
|
||||||
|
|
||||||
//Normalize according
|
|
||||||
if (prefix) {
|
|
||||||
if (plugin && plugin.normalize) {
|
|
||||||
name = plugin.normalize(name, makeNormalize(relName));
|
|
||||||
} else {
|
|
||||||
name = normalize(name, relName);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
name = normalize(name, relName);
|
|
||||||
parts = splitPrefix(name);
|
|
||||||
prefix = parts[0];
|
|
||||||
name = parts[1];
|
|
||||||
if (prefix) {
|
|
||||||
plugin = callDep(prefix);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//Using ridiculous property names for space reasons
|
|
||||||
return {
|
|
||||||
f: prefix ? prefix + '!' + name : name, //fullName
|
|
||||||
n: name,
|
|
||||||
pr: prefix,
|
|
||||||
p: plugin
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
function makeConfig(name) {
|
|
||||||
return function () {
|
|
||||||
return (config && config.config && config.config[name]) || {};
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
handlers = {
|
|
||||||
require: function (name) {
|
|
||||||
return makeRequire(name);
|
|
||||||
},
|
|
||||||
exports: function (name) {
|
|
||||||
var e = defined[name];
|
|
||||||
if (typeof e !== 'undefined') {
|
|
||||||
return e;
|
|
||||||
} else {
|
|
||||||
return (defined[name] = {});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
module: function (name) {
|
|
||||||
return {
|
|
||||||
id: name,
|
|
||||||
uri: '',
|
|
||||||
exports: defined[name],
|
|
||||||
config: makeConfig(name)
|
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
main = function (name, deps, callback, relName) {
|
|
||||||
var cjsModule, depName, ret, map, i,
|
|
||||||
args = [],
|
|
||||||
callbackType = typeof callback,
|
|
||||||
usingExports;
|
|
||||||
|
|
||||||
//Use name if no relName
|
|
||||||
relName = relName || name;
|
|
||||||
|
|
||||||
//Call the callback to define the module, if necessary.
|
|
||||||
if (callbackType === 'undefined' || callbackType === 'function') {
|
|
||||||
//Pull out the defined dependencies and pass the ordered
|
|
||||||
//values to the callback.
|
|
||||||
//Default to [require, exports, module] if no deps
|
|
||||||
deps = !deps.length && callback.length ? ['require', 'exports', 'module'] : deps;
|
|
||||||
for (i = 0; i < deps.length; i += 1) {
|
|
||||||
map = makeMap(deps[i], relName);
|
|
||||||
depName = map.f;
|
|
||||||
|
|
||||||
//Fast path CommonJS standard dependencies.
|
|
||||||
if (depName === "require") {
|
|
||||||
args[i] = handlers.require(name);
|
|
||||||
} else if (depName === "exports") {
|
|
||||||
//CommonJS module spec 1.1
|
|
||||||
args[i] = handlers.exports(name);
|
|
||||||
usingExports = true;
|
|
||||||
} else if (depName === "module") {
|
|
||||||
//CommonJS module spec 1.1
|
|
||||||
cjsModule = args[i] = handlers.module(name);
|
|
||||||
} else if (hasProp(defined, depName) ||
|
|
||||||
hasProp(waiting, depName) ||
|
|
||||||
hasProp(defining, depName)) {
|
|
||||||
args[i] = callDep(depName);
|
|
||||||
} else if (map.p) {
|
|
||||||
map.p.load(map.n, makeRequire(relName, true), makeLoad(depName), {});
|
|
||||||
args[i] = defined[depName];
|
|
||||||
} else {
|
|
||||||
throw new Error(name + ' missing ' + depName);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ret = callback ? callback.apply(defined[name], args) : undefined;
|
|
||||||
|
|
||||||
if (name) {
|
|
||||||
//If setting exports via "module" is in play,
|
|
||||||
//favor that over return value and exports. After that,
|
|
||||||
//favor a non-undefined return value over exports use.
|
|
||||||
if (cjsModule && cjsModule.exports !== undef &&
|
|
||||||
cjsModule.exports !== defined[name]) {
|
|
||||||
defined[name] = cjsModule.exports;
|
|
||||||
} else if (ret !== undef || !usingExports) {
|
|
||||||
//Use the return value from the function.
|
|
||||||
defined[name] = ret;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if (name) {
|
|
||||||
//May just be an object definition for the module. Only
|
|
||||||
//worry about defining if have a module name.
|
|
||||||
defined[name] = callback;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
requirejs = require = req = function (deps, callback, relName, forceSync, alt) {
|
|
||||||
if (typeof deps === "string") {
|
|
||||||
if (handlers[deps]) {
|
|
||||||
//callback in this case is really relName
|
|
||||||
return handlers[deps](callback);
|
|
||||||
}
|
|
||||||
//Just return the module wanted. In this scenario, the
|
|
||||||
//deps arg is the module name, and second arg (if passed)
|
|
||||||
//is just the relName.
|
|
||||||
//Normalize module name, if it contains . or ..
|
|
||||||
return callDep(makeMap(deps, callback).f);
|
|
||||||
} else if (!deps.splice) {
|
|
||||||
//deps is a config object, not an array.
|
|
||||||
config = deps;
|
|
||||||
if (config.deps) {
|
|
||||||
req(config.deps, config.callback);
|
|
||||||
}
|
|
||||||
if (!callback) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (callback.splice) {
|
|
||||||
//callback is an array, which means it is a dependency list.
|
|
||||||
//Adjust args if there are dependencies
|
|
||||||
deps = callback;
|
|
||||||
callback = relName;
|
|
||||||
relName = null;
|
|
||||||
} else {
|
|
||||||
deps = undef;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//Support require(['a'])
|
|
||||||
callback = callback || function () {};
|
|
||||||
|
|
||||||
//If relName is a function, it is an errback handler,
|
|
||||||
//so remove it.
|
|
||||||
if (typeof relName === 'function') {
|
|
||||||
relName = forceSync;
|
|
||||||
forceSync = alt;
|
|
||||||
}
|
|
||||||
|
|
||||||
//Simulate async callback;
|
|
||||||
if (forceSync) {
|
|
||||||
main(undef, deps, callback, relName);
|
|
||||||
} else {
|
|
||||||
//Using a non-zero value because of concern for what old browsers
|
|
||||||
//do, and latest browsers "upgrade" to 4 if lower value is used:
|
|
||||||
//http://www.whatwg.org/specs/web-apps/current-work/multipage/timers.html#dom-windowtimers-settimeout:
|
|
||||||
//If want a value immediately, use require('id') instead -- something
|
|
||||||
//that works in almond on the global level, but not guaranteed and
|
|
||||||
//unlikely to work in other AMD implementations.
|
|
||||||
setTimeout(function () {
|
|
||||||
main(undef, deps, callback, relName);
|
|
||||||
}, 4);
|
|
||||||
}
|
|
||||||
|
|
||||||
return req;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Just drops the config on the floor, but returns req in case
|
|
||||||
* the config return value is used.
|
|
||||||
*/
|
|
||||||
req.config = function (cfg) {
|
|
||||||
return req(cfg);
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Expose module registry for debugging and tooling
|
|
||||||
*/
|
|
||||||
requirejs._defined = defined;
|
|
||||||
|
|
||||||
define = function (name, deps, callback) {
|
|
||||||
|
|
||||||
//This module may not have dependencies
|
|
||||||
if (!deps.splice) {
|
|
||||||
//deps is not an array, so probably means
|
|
||||||
//an object literal or factory function for
|
|
||||||
//the value. Adjust args.
|
|
||||||
callback = deps;
|
|
||||||
deps = [];
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!hasProp(defined, name) && !hasProp(waiting, name)) {
|
|
||||||
waiting[name] = [name, deps, callback];
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
define.amd = {
|
|
||||||
jQuery: true
|
|
||||||
};
|
|
||||||
}());
|
|
||||||
221
vendor/jquery.mousewheel.js
vendored
221
vendor/jquery.mousewheel.js
vendored
@ -1,221 +0,0 @@
|
|||||||
/*!
|
|
||||||
* jQuery Mousewheel 3.1.12
|
|
||||||
*
|
|
||||||
* Copyright 2014 jQuery Foundation and other contributors
|
|
||||||
* Released under the MIT license.
|
|
||||||
* http://jquery.org/license
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function (factory) {
|
|
||||||
if ( typeof define === 'function' && define.amd ) {
|
|
||||||
// AMD. Register as an anonymous module.
|
|
||||||
define(['jquery'], factory);
|
|
||||||
} else if (typeof exports === 'object') {
|
|
||||||
// Node/CommonJS style for Browserify
|
|
||||||
module.exports = factory;
|
|
||||||
} else {
|
|
||||||
// Browser globals
|
|
||||||
factory(jQuery);
|
|
||||||
}
|
|
||||||
}(function ($) {
|
|
||||||
|
|
||||||
var toFix = ['wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll'],
|
|
||||||
toBind = ( 'onwheel' in document || document.documentMode >= 9 ) ?
|
|
||||||
['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'],
|
|
||||||
slice = Array.prototype.slice,
|
|
||||||
nullLowestDeltaTimeout, lowestDelta;
|
|
||||||
|
|
||||||
if ( $.event.fixHooks ) {
|
|
||||||
for ( var i = toFix.length; i; ) {
|
|
||||||
$.event.fixHooks[ toFix[--i] ] = $.event.mouseHooks;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var special = $.event.special.mousewheel = {
|
|
||||||
version: '3.1.12',
|
|
||||||
|
|
||||||
setup: function() {
|
|
||||||
if ( this.addEventListener ) {
|
|
||||||
for ( var i = toBind.length; i; ) {
|
|
||||||
this.addEventListener( toBind[--i], handler, false );
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this.onmousewheel = handler;
|
|
||||||
}
|
|
||||||
// Store the line height and page height for this particular element
|
|
||||||
$.data(this, 'mousewheel-line-height', special.getLineHeight(this));
|
|
||||||
$.data(this, 'mousewheel-page-height', special.getPageHeight(this));
|
|
||||||
},
|
|
||||||
|
|
||||||
teardown: function() {
|
|
||||||
if ( this.removeEventListener ) {
|
|
||||||
for ( var i = toBind.length; i; ) {
|
|
||||||
this.removeEventListener( toBind[--i], handler, false );
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this.onmousewheel = null;
|
|
||||||
}
|
|
||||||
// Clean up the data we added to the element
|
|
||||||
$.removeData(this, 'mousewheel-line-height');
|
|
||||||
$.removeData(this, 'mousewheel-page-height');
|
|
||||||
},
|
|
||||||
|
|
||||||
getLineHeight: function(elem) {
|
|
||||||
var $elem = $(elem),
|
|
||||||
$parent = $elem['offsetParent' in $.fn ? 'offsetParent' : 'parent']();
|
|
||||||
if (!$parent.length) {
|
|
||||||
$parent = $('body');
|
|
||||||
}
|
|
||||||
return parseInt($parent.css('fontSize'), 10) || parseInt($elem.css('fontSize'), 10) || 16;
|
|
||||||
},
|
|
||||||
|
|
||||||
getPageHeight: function(elem) {
|
|
||||||
return $(elem).height();
|
|
||||||
},
|
|
||||||
|
|
||||||
settings: {
|
|
||||||
adjustOldDeltas: true, // see shouldAdjustOldDeltas() below
|
|
||||||
normalizeOffset: true // calls getBoundingClientRect for each event
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
$.fn.extend({
|
|
||||||
mousewheel: function(fn) {
|
|
||||||
return fn ? this.bind('mousewheel', fn) : this.trigger('mousewheel');
|
|
||||||
},
|
|
||||||
|
|
||||||
unmousewheel: function(fn) {
|
|
||||||
return this.unbind('mousewheel', fn);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
function handler(event) {
|
|
||||||
var orgEvent = event || window.event,
|
|
||||||
args = slice.call(arguments, 1),
|
|
||||||
delta = 0,
|
|
||||||
deltaX = 0,
|
|
||||||
deltaY = 0,
|
|
||||||
absDelta = 0,
|
|
||||||
offsetX = 0,
|
|
||||||
offsetY = 0;
|
|
||||||
event = $.event.fix(orgEvent);
|
|
||||||
event.type = 'mousewheel';
|
|
||||||
|
|
||||||
// Old school scrollwheel delta
|
|
||||||
if ( 'detail' in orgEvent ) { deltaY = orgEvent.detail * -1; }
|
|
||||||
if ( 'wheelDelta' in orgEvent ) { deltaY = orgEvent.wheelDelta; }
|
|
||||||
if ( 'wheelDeltaY' in orgEvent ) { deltaY = orgEvent.wheelDeltaY; }
|
|
||||||
if ( 'wheelDeltaX' in orgEvent ) { deltaX = orgEvent.wheelDeltaX * -1; }
|
|
||||||
|
|
||||||
// Firefox < 17 horizontal scrolling related to DOMMouseScroll event
|
|
||||||
if ( 'axis' in orgEvent && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) {
|
|
||||||
deltaX = deltaY * -1;
|
|
||||||
deltaY = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set delta to be deltaY or deltaX if deltaY is 0 for backwards compatabilitiy
|
|
||||||
delta = deltaY === 0 ? deltaX : deltaY;
|
|
||||||
|
|
||||||
// New school wheel delta (wheel event)
|
|
||||||
if ( 'deltaY' in orgEvent ) {
|
|
||||||
deltaY = orgEvent.deltaY * -1;
|
|
||||||
delta = deltaY;
|
|
||||||
}
|
|
||||||
if ( 'deltaX' in orgEvent ) {
|
|
||||||
deltaX = orgEvent.deltaX;
|
|
||||||
if ( deltaY === 0 ) { delta = deltaX * -1; }
|
|
||||||
}
|
|
||||||
|
|
||||||
// No change actually happened, no reason to go any further
|
|
||||||
if ( deltaY === 0 && deltaX === 0 ) { return; }
|
|
||||||
|
|
||||||
// Need to convert lines and pages to pixels if we aren't already in pixels
|
|
||||||
// There are three delta modes:
|
|
||||||
// * deltaMode 0 is by pixels, nothing to do
|
|
||||||
// * deltaMode 1 is by lines
|
|
||||||
// * deltaMode 2 is by pages
|
|
||||||
if ( orgEvent.deltaMode === 1 ) {
|
|
||||||
var lineHeight = $.data(this, 'mousewheel-line-height');
|
|
||||||
delta *= lineHeight;
|
|
||||||
deltaY *= lineHeight;
|
|
||||||
deltaX *= lineHeight;
|
|
||||||
} else if ( orgEvent.deltaMode === 2 ) {
|
|
||||||
var pageHeight = $.data(this, 'mousewheel-page-height');
|
|
||||||
delta *= pageHeight;
|
|
||||||
deltaY *= pageHeight;
|
|
||||||
deltaX *= pageHeight;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Store lowest absolute delta to normalize the delta values
|
|
||||||
absDelta = Math.max( Math.abs(deltaY), Math.abs(deltaX) );
|
|
||||||
|
|
||||||
if ( !lowestDelta || absDelta < lowestDelta ) {
|
|
||||||
lowestDelta = absDelta;
|
|
||||||
|
|
||||||
// Adjust older deltas if necessary
|
|
||||||
if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) {
|
|
||||||
lowestDelta /= 40;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Adjust older deltas if necessary
|
|
||||||
if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) {
|
|
||||||
// Divide all the things by 40!
|
|
||||||
delta /= 40;
|
|
||||||
deltaX /= 40;
|
|
||||||
deltaY /= 40;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Get a whole, normalized value for the deltas
|
|
||||||
delta = Math[ delta >= 1 ? 'floor' : 'ceil' ](delta / lowestDelta);
|
|
||||||
deltaX = Math[ deltaX >= 1 ? 'floor' : 'ceil' ](deltaX / lowestDelta);
|
|
||||||
deltaY = Math[ deltaY >= 1 ? 'floor' : 'ceil' ](deltaY / lowestDelta);
|
|
||||||
|
|
||||||
// Normalise offsetX and offsetY properties
|
|
||||||
if ( special.settings.normalizeOffset && this.getBoundingClientRect ) {
|
|
||||||
var boundingRect = this.getBoundingClientRect();
|
|
||||||
offsetX = event.clientX - boundingRect.left;
|
|
||||||
offsetY = event.clientY - boundingRect.top;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add information to the event object
|
|
||||||
event.deltaX = deltaX;
|
|
||||||
event.deltaY = deltaY;
|
|
||||||
event.deltaFactor = lowestDelta;
|
|
||||||
event.offsetX = offsetX;
|
|
||||||
event.offsetY = offsetY;
|
|
||||||
// Go ahead and set deltaMode to 0 since we converted to pixels
|
|
||||||
// Although this is a little odd since we overwrite the deltaX/Y
|
|
||||||
// properties with normalized deltas.
|
|
||||||
event.deltaMode = 0;
|
|
||||||
|
|
||||||
// Add event and delta to the front of the arguments
|
|
||||||
args.unshift(event, delta, deltaX, deltaY);
|
|
||||||
|
|
||||||
// Clearout lowestDelta after sometime to better
|
|
||||||
// handle multiple device types that give different
|
|
||||||
// a different lowestDelta
|
|
||||||
// Ex: trackpad = 3 and mouse wheel = 120
|
|
||||||
if (nullLowestDeltaTimeout) { clearTimeout(nullLowestDeltaTimeout); }
|
|
||||||
nullLowestDeltaTimeout = setTimeout(nullLowestDelta, 200);
|
|
||||||
|
|
||||||
return ($.event.dispatch || $.event.handle).apply(this, args);
|
|
||||||
}
|
|
||||||
|
|
||||||
function nullLowestDelta() {
|
|
||||||
lowestDelta = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
function shouldAdjustOldDeltas(orgEvent, absDelta) {
|
|
||||||
// If this is an older event and the delta is divisable by 120,
|
|
||||||
// then we are assuming that the browser is treating this as an
|
|
||||||
// older mouse wheel event and that we should divide the deltas
|
|
||||||
// by 40 to try and get a more usable deltaFactor.
|
|
||||||
// Side note, this actually impacts the reported scroll distance
|
|
||||||
// in older browsers and can cause scrolling to be slower than native.
|
|
||||||
// Turn this off by setting $.event.special.mousewheel.settings.adjustOldDeltas to false.
|
|
||||||
return special.settings.adjustOldDeltas && orgEvent.type === 'mousewheel' && absDelta % 120 === 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
}));
|
|
||||||
Loading…
Reference in New Issue
Block a user