first commit
This commit is contained in:
4
bootstrap/node_modules/move-js/.npmignore
generated
vendored
Normal file
4
bootstrap/node_modules/move-js/.npmignore
generated
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
support
|
||||
test
|
||||
examples
|
||||
*.sock
|
86
bootstrap/node_modules/move-js/History.md
generated
vendored
Normal file
86
bootstrap/node_modules/move-js/History.md
generated
vendored
Normal file
@ -0,0 +1,86 @@
|
||||
0.5.0 / 2015-05-09
|
||||
==================
|
||||
|
||||
* add npm / browserify support, closes #41 and #42 [axelpale]
|
||||
* remove `remotes` from component.json, closes #71 [axelpale]
|
||||
|
||||
0.4.0 / 2014-09-08
|
||||
==================
|
||||
|
||||
* Add Move.matrix() [abliss]
|
||||
* Remove transition duration properties instead of setting them to 0 [kimmobrunfeldt]
|
||||
* add third argument to .setProperty [eivindfjeldstad]
|
||||
|
||||
0.3.3 / 2013-11-11
|
||||
==================
|
||||
|
||||
* add ie10 support, closes #32
|
||||
|
||||
0.3.2 / 2013-09-30
|
||||
==================
|
||||
|
||||
* use css component, closes #26
|
||||
* fix css number values, closes #30
|
||||
|
||||
0.3.1 / 2013-09-28
|
||||
==================
|
||||
|
||||
* reset duration on "end", closes #4
|
||||
|
||||
0.3.0 / 2013-09-28
|
||||
==================
|
||||
|
||||
* use after-transition, closes #25 and #22
|
||||
* move easing functions to a different component, closes #27
|
||||
|
||||
0.2.2 / 2013-09-27
|
||||
==================
|
||||
|
||||
* use .setProperty(), remove component/css dep, closes #24
|
||||
|
||||
0.2.1 / 2013-09-26
|
||||
==================
|
||||
|
||||
* update examples and docs
|
||||
* fixed typo in Move.prototype.ease function [olegomon]
|
||||
* use translate3d() when available
|
||||
|
||||
0.2.0 / 2013-09-16
|
||||
==================
|
||||
|
||||
* add component.json
|
||||
|
||||
0.1.1 / 2011-12-10
|
||||
==================
|
||||
|
||||
* Revert "Changed CSS property transition-properties to transition-property"
|
||||
|
||||
0.1.0 / 2011-11-16
|
||||
==================
|
||||
|
||||
* Added more cubic-bezier ease functions [onirame]
|
||||
|
||||
0.0.4 / 2011-10-25
|
||||
==================
|
||||
|
||||
* Remove resets in duration timeout causing undesired behaviour
|
||||
* Changed CSS property transition-properties to transition-property
|
||||
|
||||
0.0.3 / 2011-08-27
|
||||
==================
|
||||
|
||||
* Added: allow passing of element to `move()`
|
||||
|
||||
0.0.2 / 2011-06-04
|
||||
==================
|
||||
|
||||
* Added map of properties and defaults for numeric values
|
||||
* Fixed FireFox support [bluntworks]
|
||||
* Fixed easing example with html doctype
|
||||
* Fixed second notation for delay / duration
|
||||
* Fixed duration / delay, append "ms"
|
||||
|
||||
0.0.1 / 2011-06-01
|
||||
==================
|
||||
|
||||
* Initial release
|
21
bootstrap/node_modules/move-js/Makefile
generated
vendored
Normal file
21
bootstrap/node_modules/move-js/Makefile
generated
vendored
Normal file
@ -0,0 +1,21 @@
|
||||
|
||||
UGLIFY_FLAGS = --no-mangle
|
||||
|
||||
build: move.min.js components index.js
|
||||
@component build --dev
|
||||
|
||||
components: component.json
|
||||
@component install --dev
|
||||
|
||||
move.js: components
|
||||
@component build --standalone move --name move --out .
|
||||
|
||||
move.min.js: move.js
|
||||
@uglifyjs $(UGLIFY_FLAGS) $< > $@ \
|
||||
&& du -h move.js \
|
||||
&& du -h move.min.js
|
||||
|
||||
clean:
|
||||
rm -rf build move.js components move.min.js
|
||||
|
||||
.PHONY: clean
|
121
bootstrap/node_modules/move-js/Readme.md
generated
vendored
Normal file
121
bootstrap/node_modules/move-js/Readme.md
generated
vendored
Normal file
@ -0,0 +1,121 @@
|
||||
|
||||
# Move.js
|
||||
|
||||
CSS3 JavaScript animation framework.
|
||||
|
||||
## About
|
||||
|
||||
Move.js is a small JavaScript library making CSS3 backed animation
|
||||
extremely simple and elegant. Be sure to view the `./examples`,
|
||||
and view the [documentation](http://visionmedia.github.com/move.js/).
|
||||
|
||||
## Installation
|
||||
|
||||
With [component(1)](http://component.github.io):
|
||||
|
||||
$ component install visionmedia/move.js
|
||||
|
||||
With [npm](https://www.npmjs.com/package/move-js):
|
||||
|
||||
$ npm install move-js
|
||||
|
||||
With a stand-alone build
|
||||
|
||||
<script src='move.min.js'></script>
|
||||
|
||||
|
||||
## Example
|
||||
|
||||
For example below we translate to the point `(500px, 200px)`,
|
||||
rotate by `180deg`, scale by `.5`, skew, and alter colors within a 2 second
|
||||
duration. Once the animation is complete we `then()` fade out the element by setting the `opacity` to `0`, and shrink it with `scale(0.1)`.
|
||||
|
||||
move('.square')
|
||||
.to(500, 200)
|
||||
.rotate(180)
|
||||
.scale(.5)
|
||||
.set('background-color', '#888')
|
||||
.set('border-color', 'black')
|
||||
.duration('2s')
|
||||
.skew(50, -10)
|
||||
.then()
|
||||
.set('opacity', 0)
|
||||
.duration('0.3s')
|
||||
.scale(0.1)
|
||||
.pop()
|
||||
.end();
|
||||
|
||||
## Easing functions
|
||||
|
||||
Built-in easing functions are defined as:
|
||||
|
||||
```js
|
||||
'in': 'ease-in'
|
||||
'out': 'ease-out'
|
||||
'in-out': 'ease-in-out'
|
||||
'snap': 'cubic-bezier(0,1,.5,1)'
|
||||
'linear': 'cubic-bezier(0.250, 0.250, 0.750, 0.750)'
|
||||
'ease-in-quad': 'cubic-bezier(0.550, 0.085, 0.680, 0.530)'
|
||||
'ease-in-cubic': 'cubic-bezier(0.550, 0.055, 0.675, 0.190)'
|
||||
'ease-in-quart': 'cubic-bezier(0.895, 0.030, 0.685, 0.220)'
|
||||
'ease-in-quint': 'cubic-bezier(0.755, 0.050, 0.855, 0.060)'
|
||||
'ease-in-sine': 'cubic-bezier(0.470, 0.000, 0.745, 0.715)'
|
||||
'ease-in-expo': 'cubic-bezier(0.950, 0.050, 0.795, 0.035)'
|
||||
'ease-in-circ': 'cubic-bezier(0.600, 0.040, 0.980, 0.335)'
|
||||
'ease-in-back': 'cubic-bezier(0.600, -0.280, 0.735, 0.045)'
|
||||
'ease-out-quad': 'cubic-bezier(0.250, 0.460, 0.450, 0.940)'
|
||||
'ease-out-cubic': 'cubic-bezier(0.215, 0.610, 0.355, 1.000)'
|
||||
'ease-out-quart': 'cubic-bezier(0.165, 0.840, 0.440, 1.000)'
|
||||
'ease-out-quint': 'cubic-bezier(0.230, 1.000, 0.320, 1.000)'
|
||||
'ease-out-sine': 'cubic-bezier(0.390, 0.575, 0.565, 1.000)'
|
||||
'ease-out-expo': 'cubic-bezier(0.190, 1.000, 0.220, 1.000)'
|
||||
'ease-out-circ': 'cubic-bezier(0.075, 0.820, 0.165, 1.000)'
|
||||
'ease-out-back': 'cubic-bezier(0.175, 0.885, 0.320, 1.275)'
|
||||
'ease-out-quad': 'cubic-bezier(0.455, 0.030, 0.515, 0.955)'
|
||||
'ease-out-cubic': 'cubic-bezier(0.645, 0.045, 0.355, 1.000)'
|
||||
'ease-in-out-quart': 'cubic-bezier(0.770, 0.000, 0.175, 1.000)'
|
||||
'ease-in-out-quint': 'cubic-bezier(0.860, 0.000, 0.070, 1.000)'
|
||||
'ease-in-out-sine': 'cubic-bezier(0.445, 0.050, 0.550, 0.950)'
|
||||
'ease-in-out-expo': 'cubic-bezier(1.000, 0.000, 0.000, 1.000)'
|
||||
'ease-in-out-circ': 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'
|
||||
'ease-in-out-back': 'cubic-bezier(0.680, -0.550, 0.265, 1.550)'
|
||||
```
|
||||
|
||||
## Build
|
||||
|
||||
Move is packaged with a minified version, re-built each release. To do this yourself simply execute:
|
||||
|
||||
$ make move.min.js
|
||||
|
||||
We can also pass flags to uglifyjs:
|
||||
|
||||
$ make UGLIFY_FLAGS=--no-mangle
|
||||
|
||||
## More Information
|
||||
|
||||
- [cubic-bezier()](http://www.roblaplaca.com/examples/bezierBuilder) generator
|
||||
|
||||
## License
|
||||
|
||||
(The MIT License)
|
||||
|
||||
Copyright (c) 2011 TJ Holowaychuk <tj@vision-media.ca>
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of this software and associated documentation files (the
|
||||
'Software'), to deal in the Software without restriction, including
|
||||
without limitation the rights to use, copy, modify, merge, publish,
|
||||
distribute, sublicense, and/or sell copies of the Software, and to
|
||||
permit persons to whom the Software is furnished to do so, subject to
|
||||
the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be
|
||||
included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
||||
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
|
||||
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
|
||||
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
||||
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
15
bootstrap/node_modules/move-js/component.json
generated
vendored
Normal file
15
bootstrap/node_modules/move-js/component.json
generated
vendored
Normal file
@ -0,0 +1,15 @@
|
||||
{
|
||||
"name": "move",
|
||||
"description": "CSS3 backed JavaScript animation framework",
|
||||
"repo": "visionmedia/move.js",
|
||||
"version": "0.5.0",
|
||||
"keywords": ["animation", "css3"],
|
||||
"scripts": ["index.js"],
|
||||
"dependencies": {
|
||||
"component/has-translate3d": "*",
|
||||
"yields/after-transition": "*",
|
||||
"component/emitter": "*",
|
||||
"yields/css-ease": "*",
|
||||
"component/query": "*"
|
||||
}
|
||||
}
|
598
bootstrap/node_modules/move-js/index.js
generated
vendored
Normal file
598
bootstrap/node_modules/move-js/index.js
generated
vendored
Normal file
@ -0,0 +1,598 @@
|
||||
// Patch IE9 and below
|
||||
try {
|
||||
document.createElement('DIV').style.setProperty('opacity', 0, '');
|
||||
} catch (error) {
|
||||
CSSStyleDeclaration.prototype.getProperty = function(a) {
|
||||
return this.getAttribute(a);
|
||||
};
|
||||
|
||||
CSSStyleDeclaration.prototype.setProperty = function(a,b) {
|
||||
return this.setAttribute(a, b + '');
|
||||
};
|
||||
|
||||
CSSStyleDeclaration.prototype.removeProperty = function(a) {
|
||||
return this.removeAttribute(a);
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Module Dependencies.
|
||||
*/
|
||||
|
||||
var Emitter = require('component-emitter');
|
||||
var query = require('component-query');
|
||||
var after = require('after-transition');
|
||||
var has3d = require('has-translate3d');
|
||||
var ease = require('css-ease');
|
||||
|
||||
/**
|
||||
* CSS Translate
|
||||
*/
|
||||
|
||||
var translate = has3d
|
||||
? ['translate3d(', ', 0)']
|
||||
: ['translate(', ')'];
|
||||
|
||||
|
||||
/**
|
||||
* Export `Move`
|
||||
*/
|
||||
|
||||
module.exports = Move;
|
||||
|
||||
/**
|
||||
* Get computed style.
|
||||
*/
|
||||
|
||||
var style = window.getComputedStyle
|
||||
|| window.currentStyle;
|
||||
|
||||
/**
|
||||
* Library version.
|
||||
*/
|
||||
|
||||
Move.version = '0.5.0';
|
||||
|
||||
/**
|
||||
* Export `ease`
|
||||
*/
|
||||
|
||||
Move.ease = ease;
|
||||
|
||||
/**
|
||||
* Defaults.
|
||||
*
|
||||
* `duration` - default duration of 500ms
|
||||
*
|
||||
*/
|
||||
|
||||
Move.defaults = {
|
||||
duration: 500
|
||||
};
|
||||
|
||||
/**
|
||||
* Default element selection utilized by `move(selector)`.
|
||||
*
|
||||
* Override to implement your own selection, for example
|
||||
* with jQuery one might write:
|
||||
*
|
||||
* move.select = function(selector) {
|
||||
* return jQuery(selector).get(0);
|
||||
* };
|
||||
*
|
||||
* @param {Object|String} selector
|
||||
* @return {Element}
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.select = function(selector){
|
||||
if ('string' != typeof selector) return selector;
|
||||
return query(selector);
|
||||
};
|
||||
|
||||
/**
|
||||
* Initialize a new `Move` with the given `el`.
|
||||
*
|
||||
* @param {Element} el
|
||||
* @api public
|
||||
*/
|
||||
|
||||
function Move(el) {
|
||||
if (!(this instanceof Move)) return new Move(el);
|
||||
if ('string' == typeof el) el = query(el);
|
||||
if (!el) throw new TypeError('Move must be initialized with element or selector');
|
||||
this.el = el;
|
||||
this._props = {};
|
||||
this._rotate = 0;
|
||||
this._transitionProps = [];
|
||||
this._transforms = [];
|
||||
this.duration(Move.defaults.duration)
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Inherit from `EventEmitter.prototype`.
|
||||
*/
|
||||
|
||||
Emitter(Move.prototype);
|
||||
|
||||
/**
|
||||
* Buffer `transform`.
|
||||
*
|
||||
* @param {String} transform
|
||||
* @return {Move} for chaining
|
||||
* @api private
|
||||
*/
|
||||
|
||||
Move.prototype.transform = function(transform){
|
||||
this._transforms.push(transform);
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Skew `x` and `y`.
|
||||
*
|
||||
* @param {Number} x
|
||||
* @param {Number} y
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.skew = function(x, y){
|
||||
return this.transform('skew('
|
||||
+ x + 'deg, '
|
||||
+ (y || 0)
|
||||
+ 'deg)');
|
||||
};
|
||||
|
||||
/**
|
||||
* Skew x by `n`.
|
||||
*
|
||||
* @param {Number} n
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.skewX = function(n){
|
||||
return this.transform('skewX(' + n + 'deg)');
|
||||
};
|
||||
|
||||
/**
|
||||
* Skew y by `n`.
|
||||
*
|
||||
* @param {Number} n
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.skewY = function(n){
|
||||
return this.transform('skewY(' + n + 'deg)');
|
||||
};
|
||||
|
||||
/**
|
||||
* Translate `x` and `y` axis.
|
||||
*
|
||||
* @param {Number|String} x
|
||||
* @param {Number|String} y
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.translate =
|
||||
Move.prototype.to = function(x, y){
|
||||
return this.transform(translate.join(''
|
||||
+ fixUnits(x) + ', '
|
||||
+ fixUnits(y || 0)));
|
||||
};
|
||||
|
||||
/**
|
||||
* Translate on the x axis to `n`.
|
||||
*
|
||||
* @param {Number|String} n
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.translateX =
|
||||
Move.prototype.x = function(n){
|
||||
return this.transform('translateX(' + fixUnits(n) + ')');
|
||||
};
|
||||
|
||||
/**
|
||||
* Translate on the y axis to `n`.
|
||||
*
|
||||
* @param {Number|String} n
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.translateY =
|
||||
Move.prototype.y = function(n){
|
||||
return this.transform('translateY(' + fixUnits(n) + ')');
|
||||
};
|
||||
|
||||
/**
|
||||
* Scale the x and y axis by `x`, or
|
||||
* individually scale `x` and `y`.
|
||||
*
|
||||
* @param {Number} x
|
||||
* @param {Number} y
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.scale = function(x, y){
|
||||
return this.transform('scale('
|
||||
+ x + ', '
|
||||
+ (y || x)
|
||||
+ ')');
|
||||
};
|
||||
|
||||
/**
|
||||
* Scale x axis by `n`.
|
||||
*
|
||||
* @param {Number} n
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.scaleX = function(n){
|
||||
return this.transform('scaleX(' + n + ')')
|
||||
};
|
||||
|
||||
/**
|
||||
* Apply a matrix transformation
|
||||
*
|
||||
* @param {Number} m11 A matrix coefficient
|
||||
* @param {Number} m12 A matrix coefficient
|
||||
* @param {Number} m21 A matrix coefficient
|
||||
* @param {Number} m22 A matrix coefficient
|
||||
* @param {Number} m31 A matrix coefficient
|
||||
* @param {Number} m32 A matrix coefficient
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.matrix = function(m11, m12, m21, m22, m31, m32){
|
||||
return this.transform('matrix(' + [m11,m12,m21,m22,m31,m32].join(',') + ')');
|
||||
};
|
||||
|
||||
/**
|
||||
* Scale y axis by `n`.
|
||||
*
|
||||
* @param {Number} n
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.scaleY = function(n){
|
||||
return this.transform('scaleY(' + n + ')')
|
||||
};
|
||||
|
||||
/**
|
||||
* Rotate `n` degrees.
|
||||
*
|
||||
* @param {Number} n
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.rotate = function(n){
|
||||
return this.transform('rotate(' + n + 'deg)');
|
||||
};
|
||||
|
||||
/**
|
||||
* Set transition easing function to to `fn` string.
|
||||
*
|
||||
* When:
|
||||
*
|
||||
* - null "ease" is used
|
||||
* - "in" "ease-in" is used
|
||||
* - "out" "ease-out" is used
|
||||
* - "in-out" "ease-in-out" is used
|
||||
*
|
||||
* @param {String} fn
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.ease = function(fn){
|
||||
fn = ease[fn] || fn || 'ease';
|
||||
return this.setVendorProperty('transition-timing-function', fn);
|
||||
};
|
||||
|
||||
/**
|
||||
* Set animation properties
|
||||
*
|
||||
* @param {String} name
|
||||
* @param {Object} props
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.animate = function(name, props){
|
||||
for (var i in props){
|
||||
if (props.hasOwnProperty(i)){
|
||||
this.setVendorProperty('animation-' + i, props[i])
|
||||
}
|
||||
}
|
||||
return this.setVendorProperty('animation-name', name);
|
||||
}
|
||||
|
||||
/**
|
||||
* Set duration to `n`.
|
||||
*
|
||||
* @param {Number|String} n
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.duration = function(n){
|
||||
n = this._duration = 'string' == typeof n
|
||||
? parseFloat(n) * 1000
|
||||
: n;
|
||||
return this.setVendorProperty('transition-duration', n + 'ms');
|
||||
};
|
||||
|
||||
/**
|
||||
* Delay the animation by `n`.
|
||||
*
|
||||
* @param {Number|String} n
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.delay = function(n){
|
||||
n = 'string' == typeof n
|
||||
? parseFloat(n) * 1000
|
||||
: n;
|
||||
return this.setVendorProperty('transition-delay', n + 'ms');
|
||||
};
|
||||
|
||||
/**
|
||||
* Set `prop` to `val`, deferred until `.end()` is invoked.
|
||||
*
|
||||
* @param {String} prop
|
||||
* @param {String} val
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.setProperty = function(prop, val){
|
||||
this._props[prop] = val;
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Set a vendor prefixed `prop` with the given `val`.
|
||||
*
|
||||
* @param {String} prop
|
||||
* @param {String} val
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.setVendorProperty = function(prop, val){
|
||||
this.setProperty('-webkit-' + prop, val);
|
||||
this.setProperty('-moz-' + prop, val);
|
||||
this.setProperty('-ms-' + prop, val);
|
||||
this.setProperty('-o-' + prop, val);
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Set `prop` to `value`, deferred until `.end()` is invoked
|
||||
* and adds the property to the list of transition props.
|
||||
*
|
||||
* @param {String} prop
|
||||
* @param {String} val
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.set = function(prop, val){
|
||||
this.transition(prop);
|
||||
this._props[prop] = val;
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Increment `prop` by `val`, deferred until `.end()` is invoked
|
||||
* and adds the property to the list of transition props.
|
||||
*
|
||||
* @param {String} prop
|
||||
* @param {Number} val
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.add = function(prop, val){
|
||||
if (!style) return;
|
||||
var self = this;
|
||||
return this.on('start', function(){
|
||||
var curr = parseInt(self.current(prop), 10);
|
||||
self.set(prop, curr + val + 'px');
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Decrement `prop` by `val`, deferred until `.end()` is invoked
|
||||
* and adds the property to the list of transition props.
|
||||
*
|
||||
* @param {String} prop
|
||||
* @param {Number} val
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.sub = function(prop, val){
|
||||
if (!style) return;
|
||||
var self = this;
|
||||
return this.on('start', function(){
|
||||
var curr = parseInt(self.current(prop), 10);
|
||||
self.set(prop, curr - val + 'px');
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Get computed or "current" value of `prop`.
|
||||
*
|
||||
* @param {String} prop
|
||||
* @return {String}
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.current = function(prop){
|
||||
return style(this.el).getPropertyValue(prop);
|
||||
};
|
||||
|
||||
/**
|
||||
* Add `prop` to the list of internal transition properties.
|
||||
*
|
||||
* @param {String} prop
|
||||
* @return {Move} for chaining
|
||||
* @api private
|
||||
*/
|
||||
|
||||
Move.prototype.transition = function(prop){
|
||||
if (!this._transitionProps.indexOf(prop)) return this;
|
||||
this._transitionProps.push(prop);
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Commit style properties, aka apply them to `el.style`.
|
||||
*
|
||||
* @return {Move} for chaining
|
||||
* @see Move#end()
|
||||
* @api private
|
||||
*/
|
||||
|
||||
Move.prototype.applyProperties = function(){
|
||||
for (var prop in this._props) {
|
||||
this.el.style.setProperty(prop, this._props[prop], '');
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Re-select element via `selector`, replacing
|
||||
* the current element.
|
||||
*
|
||||
* @param {String} selector
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.move =
|
||||
Move.prototype.select = function(selector){
|
||||
this.el = Move.select(selector);
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Defer the given `fn` until the animation
|
||||
* is complete. `fn` may be one of the following:
|
||||
*
|
||||
* - a function to invoke
|
||||
* - an instanceof `Move` to call `.end()`
|
||||
* - nothing, to return a clone of this `Move` instance for chaining
|
||||
*
|
||||
* @param {Function|Move} fn
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.then = function(fn){
|
||||
// invoke .end()
|
||||
if (fn instanceof Move) {
|
||||
this.on('end', function(){
|
||||
fn.end();
|
||||
});
|
||||
// callback
|
||||
} else if ('function' == typeof fn) {
|
||||
this.on('end', fn);
|
||||
// chain
|
||||
} else {
|
||||
var clone = new Move(this.el);
|
||||
clone._transforms = this._transforms.slice(0);
|
||||
this.then(clone);
|
||||
clone.parent = this;
|
||||
return clone;
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Pop the move context.
|
||||
*
|
||||
* @return {Move} parent Move
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.pop = function(){
|
||||
return this.parent;
|
||||
};
|
||||
|
||||
/**
|
||||
* Reset duration.
|
||||
*
|
||||
* @return {Move}
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.reset = function(){
|
||||
this.el.style.webkitTransitionDuration =
|
||||
this.el.style.mozTransitionDuration =
|
||||
this.el.style.msTransitionDuration =
|
||||
this.el.style.oTransitionDuration = '';
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Start animation, optionally calling `fn` when complete.
|
||||
*
|
||||
* @param {Function} fn
|
||||
* @return {Move} for chaining
|
||||
* @api public
|
||||
*/
|
||||
|
||||
Move.prototype.end = function(fn){
|
||||
var self = this;
|
||||
|
||||
// emit "start" event
|
||||
this.emit('start');
|
||||
|
||||
// transforms
|
||||
if (this._transforms.length) {
|
||||
this.setVendorProperty('transform', this._transforms.join(' '));
|
||||
}
|
||||
|
||||
// transition properties
|
||||
this.setVendorProperty('transition-properties', this._transitionProps.join(', '));
|
||||
this.applyProperties();
|
||||
|
||||
// callback given
|
||||
if (fn) this.then(fn);
|
||||
|
||||
// emit "end" when complete
|
||||
after.once(this.el, function(){
|
||||
self.reset();
|
||||
self.emit('end');
|
||||
});
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Fix value units
|
||||
*
|
||||
* @param {Number|String} val
|
||||
* @return {String}
|
||||
* @api private
|
||||
*/
|
||||
|
||||
function fixUnits(val) {
|
||||
return 'string' === typeof val && isNaN(+val) ? val : val + 'px';
|
||||
}
|
1276
bootstrap/node_modules/move-js/move.js
generated
vendored
Normal file
1276
bootstrap/node_modules/move-js/move.js
generated
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
bootstrap/node_modules/move-js/move.min.js
generated
vendored
Normal file
1
bootstrap/node_modules/move-js/move.min.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
21
bootstrap/node_modules/move-js/package.json
generated
vendored
Normal file
21
bootstrap/node_modules/move-js/package.json
generated
vendored
Normal file
@ -0,0 +1,21 @@
|
||||
{
|
||||
"name": "move-js",
|
||||
"version": "0.5.0",
|
||||
"description": "CSS3 backed JavaScript animation framework",
|
||||
"keywords": [
|
||||
"animation",
|
||||
"css3"
|
||||
],
|
||||
"homepage": "http://visionmedia.github.io/move.js/",
|
||||
"license": "MIT",
|
||||
"author": "tj",
|
||||
"main": "index.js",
|
||||
"repository": "visionmedia/move.js",
|
||||
"dependencies": {
|
||||
"has-translate3d": "0.0.3",
|
||||
"after-transition": "0.0.4",
|
||||
"css-ease": "0.0.1",
|
||||
"component-emitter": "^1.2.0",
|
||||
"component-query": "0.0.3"
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user