* Module dependencies
*/
var angle = require('angle'),
ev = require('event'),
events = require('events'),
classes = require('classes'),
emitter = require('emitter'),
prevent = require('prevent'),
prefix = require('prefix'),
translate = require('translate'),
transitionend = require('transitionend');
// module globals
var transform = prefix('transform'),
transition = prefix('transition'),
hasTouch = 'ontouchstart' in window,
evs, defaults;
evs = {
down: hasTouch ? 'touchstart' : 'mousedown',
move: hasTouch ? 'touchmove' : 'mousemove',
up: hasTouch ? 'touchend' : 'mouseup',
out: hasTouch ? 'touchcancel' : 'mouseout'
};
defaults = {
disableLeft: false,
disableRight: false,
tapToClose: true,
'use strict';
var prefix = require('prefix');
var transform = prefix('transform');
exports = module.exports = center;
function center(target, container, renderer) {
var pos = {
x: centerX(target, container, false),
y: centerY(target, container, false)
};
if (renderer === false) {
return pos;
}
if (typeof renderer === 'function') {
renderer(target, pos);
return;
}
target.style[transform] = 'translateX(' + pos.x + 'px) translateY(' + pos.y + 'px)';
}
exports.x = centerX;
function centerX(target, container, renderer) {
// in case `translateX` has already been defined
prevRoute: '/',
routes: {
default: '/',
home: '/home',
work: '/works'
},
$html: domselect('html'),
$body: document.body,
$view: domselect('#js-view'),
$logo: domselect('.logo'),
$nav: domselect.all('nav a'),
width: window.innerWidth,
height: window.innerHeight,
formats: ['mp4'],
mouseMultiplier: 1,
firefoxMultiplier: 50,
ease: .1,
isMobile: sniffer.isPhone,
hasVideo: true,
hasBlendMode: 'backgroundBlendMode' in document.body.style,
prefix: prefix('transform'),
transition: prefix('transition')
}
export default config