You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@couchdb.apache.org by ga...@apache.org on 2014/08/28 15:11:57 UTC
[1/3] fauxton commit: updated refs/heads/master to 8de3ed3
Repository: couchdb-fauxton
Updated Branches:
refs/heads/master 5c811ab40 -> 8de3ed3ce
Make velocity dependancy of velocity.ui
Project: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/repo
Commit: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/commit/a595e279
Tree: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/tree/a595e279
Diff: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/diff/a595e279
Branch: refs/heads/master
Commit: a595e2798a3e91bc27f8a407f6d88eb289a401e0
Parents: 5c811ab
Author: Garren Smith <ga...@gmail.com>
Authored: Thu Aug 28 09:43:30 2014 +0200
Committer: Garren Smith <ga...@gmail.com>
Committed: Thu Aug 28 09:43:30 2014 +0200
----------------------------------------------------------------------
app/config.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/a595e279/app/config.js
----------------------------------------------------------------------
diff --git a/app/config.js b/app/config.js
index 1a8a190..8e92d19 100644
--- a/app/config.js
+++ b/app/config.js
@@ -64,7 +64,7 @@ require.config({
"velocity": ["jquery"],
- "velocity.ui": ["jquery"]
+ "velocity.ui": ["jquery", "velocity"]
}
});
[2/3] fauxton commit: updated refs/heads/master to 8de3ed3
Posted by ga...@apache.org.
Improve velocity dependancy managements
Project: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/repo
Commit: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/commit/8786e85b
Tree: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/tree/8786e85b
Diff: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/diff/8786e85b
Branch: refs/heads/master
Commit: 8786e85b214228655170fccb42068f58bbe3bc3e
Parents: a595e27
Author: Garren Smith <ga...@gmail.com>
Authored: Thu Aug 28 11:39:21 2014 +0200
Committer: Garren Smith <ga...@gmail.com>
Committed: Thu Aug 28 11:39:21 2014 +0200
----------------------------------------------------------------------
app/addons/fauxton/base.js | 6 ++----
app/addons/fauxton/components.js | 3 ++-
app/app.js | 5 ++---
app/config.js | 4 +---
4 files changed, 7 insertions(+), 11 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/8786e85b/app/addons/fauxton/base.js
----------------------------------------------------------------------
diff --git a/app/addons/fauxton/base.js b/app/addons/fauxton/base.js
index 3310972..0818af7 100644
--- a/app/addons/fauxton/base.js
+++ b/app/addons/fauxton/base.js
@@ -15,12 +15,10 @@ define([
"api",
"addons/fauxton/resizeColumns",
"addons/fauxton/components",
- "plugins/zeroclipboard/ZeroClipboard",
- "velocity",
- "velocity.ui"
+ "plugins/zeroclipboard/ZeroClipboard"
],
-function(app, FauxtonAPI, resizeColumns, Components, ZeroClipboard, velocity) {
+function(app, FauxtonAPI, resizeColumns, Components, ZeroClipboard) {
var Fauxton = FauxtonAPI.addon();
FauxtonAPI.addNotification = function (options) {
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/8786e85b/app/addons/fauxton/components.js
----------------------------------------------------------------------
diff --git a/app/addons/fauxton/components.js b/app/addons/fauxton/components.js
index 43d3f0f..a58de19 100644
--- a/app/addons/fauxton/components.js
+++ b/app/addons/fauxton/components.js
@@ -28,7 +28,8 @@ define([
"spin",
// this should never be global available:
// https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/security.md
- "plugins/zeroclipboard/ZeroClipboard"
+ "plugins/zeroclipboard/ZeroClipboard",
+ "velocity.ui"
],
function(app, FauxtonAPI, ace, spin, ZeroClipboard) {
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/8786e85b/app/app.js
----------------------------------------------------------------------
diff --git a/app/app.js b/app/app.js
index 8635eac..0d140a4 100644
--- a/app/app.js
+++ b/app/app.js
@@ -27,11 +27,10 @@ define([
"core/couchdbSession",
// Plugins.
"plugins/backbone.layoutmanager",
- "plugins/jquery.form",
- "velocity"
+ "plugins/jquery.form"
],
-function(app, $, _, Backbone, Bootstrap, Helpers, Utils, FauxtonAPI, Couchdb, velocity) {
+function(app, $, _, Backbone, Bootstrap, Helpers, Utils, FauxtonAPI, Couchdb) {
// Make sure we have a console.log
if (typeof console == "undefined") {
console = {
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/8786e85b/app/config.js
----------------------------------------------------------------------
diff --git a/app/config.js b/app/config.js
index 8e92d19..bb33afb 100644
--- a/app/config.js
+++ b/app/config.js
@@ -62,9 +62,7 @@ require.config({
"plugins/jquery.form": ["jquery"],
- "velocity": ["jquery"],
-
- "velocity.ui": ["jquery", "velocity"]
+ "velocity.ui": ["velocity"]
}
});
[3/3] fauxton commit: updated refs/heads/master to 8de3ed3
Posted by ga...@apache.org.
embed velocity.ui into jquery.velocity.js
Project: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/repo
Commit: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/commit/8de3ed3c
Tree: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/tree/8de3ed3c
Diff: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/diff/8de3ed3c
Branch: refs/heads/master
Commit: 8de3ed3ceec6134a36c6d82f286edadce5ecb750
Parents: 8786e85
Author: Garren Smith <ga...@gmail.com>
Authored: Thu Aug 28 14:07:45 2014 +0200
Committer: Garren Smith <ga...@gmail.com>
Committed: Thu Aug 28 14:07:45 2014 +0200
----------------------------------------------------------------------
app/addons/fauxton/components.js | 2 +-
app/config.js | 7 +-
assets/js/plugins/jquery.velocity.js | 645 ++++++++++++++++++++++++++++-
assets/js/plugins/velocity.ui.js | 664 ------------------------------
4 files changed, 647 insertions(+), 671 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/8de3ed3c/app/addons/fauxton/components.js
----------------------------------------------------------------------
diff --git a/app/addons/fauxton/components.js b/app/addons/fauxton/components.js
index a58de19..4b1ec71 100644
--- a/app/addons/fauxton/components.js
+++ b/app/addons/fauxton/components.js
@@ -29,7 +29,7 @@ define([
// this should never be global available:
// https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/security.md
"plugins/zeroclipboard/ZeroClipboard",
- "velocity.ui"
+ "velocity"
],
function(app, FauxtonAPI, ace, spin, ZeroClipboard) {
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/8de3ed3c/app/config.js
----------------------------------------------------------------------
diff --git a/app/config.js b/app/config.js
index bb33afb..d25976c 100644
--- a/app/config.js
+++ b/app/config.js
@@ -32,8 +32,7 @@ require.config({
"nv.d3": "../assets/js/libs/nv.d3",
"ace":"../assets/js/libs/ace",
"cloudant.pagingcollection": "../assets/js/plugins/cloudant.pagingcollection",
- "velocity": "../assets/js/plugins/jquery.velocity",
- "velocity.ui": "../assets/js/plugins/velocity.ui",
+ "velocity": "../assets/js/plugins/jquery.velocity"
},
baseUrl: '/',
@@ -60,9 +59,7 @@ require.config({
"plugins/prettify": [],
"plugins/beautify": [],
- "plugins/jquery.form": ["jquery"],
-
- "velocity.ui": ["velocity"]
+ "plugins/jquery.form": ["jquery"]
}
});
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/8de3ed3c/assets/js/plugins/jquery.velocity.js
----------------------------------------------------------------------
diff --git a/assets/js/plugins/jquery.velocity.js b/assets/js/plugins/jquery.velocity.js
index 3045b8c..86348d7 100644
--- a/assets/js/plugins/jquery.velocity.js
+++ b/assets/js/plugins/jquery.velocity.js
@@ -3414,6 +3414,649 @@ return function (global, window, document, undefined) {
};
});
+ //Edit by Garren Smith <ga...@gmail.com> Velocity.UI is a nightmare to get working with requirejs. In the end it is easier to
+ //just embed it in velocity.js
+ var Container = {
+ Velocity: Velocity
+ };
+
+/******************
+ Register UI
+ ******************/
+
+ Container.Velocity.RegisterUI = function (effectName, properties) {
+ /* Animate the expansion/contraction of the elements' parent's height for In/Out effects. */
+ function animateParentHeight (elements, direction, totalDuration, stagger) {
+ var totalHeightDelta = 0,
+ parentNode;
+
+ /* Sum the total height (including padding and margin) of all targeted elements. */
+ Container.Velocity.Utilities.each(elements.nodeType ? [ elements ] : elements, function(i, element) {
+ if (stagger) {
+ /* Increase the totalDuration by the successive delay amounts produced by the stagger option. */
+ totalDuration += i * stagger;
+ }
+
+ parentNode = element.parentNode;
+
+ Container.Velocity.Utilities.each([ "height", "paddingTop", "paddingBottom", "marginTop", "marginBottom"], function(i, property) {
+ totalHeightDelta += parseFloat(Container.Velocity.CSS.getPropertyValue(element, property));
+ });
+ });
+
+ /* Animate the parent element's height adjustment (with a varying duration multiplier for aesthetic benefits). */
+ Container.Velocity.animate(
+ parentNode,
+ { height: (direction === "In" ? "+" : "-") + "=" + totalHeightDelta },
+ { queue: false, easing: "ease-in-out", duration: totalDuration * (direction === "In" ? 0.6 : 1) }
+ );
+ }
+
+ /* Register a custom sequence for each effect. */
+ Container.Velocity.Sequences[effectName] = function (element, sequenceOptions, elementsIndex, elementsSize, elements, promiseData) {
+ var finalElement = (elementsIndex === elementsSize - 1);
+
+ /* Iterate through each effect's call array. */
+ for (var callIndex = 0; callIndex < properties.calls.length; callIndex++) {
+ var call = properties.calls[callIndex],
+ propertyMap = call[0],
+ sequenceDuration = (sequenceOptions.duration || properties.defaultDuration || 1000),
+ durationPercentage = call[1],
+ callOptions = call[2] || {},
+ opts = {};
+
+ /* Assign the whitelisted per-call options. */
+ opts.duration = sequenceDuration * (durationPercentage || 1);
+ opts.queue = sequenceOptions.queue || "";
+ opts.easing = callOptions.easing || "ease";
+ opts.delay = callOptions.delay || 0;
+ opts._cacheValues = callOptions._cacheValues || true;
+
+ /* Special processing for the first effect call. */
+ if (callIndex === 0) {
+ /* If a delay was passed into the sequence, combine it with the first call's delay. */
+ opts.delay += (sequenceOptions.delay || 0);
+
+ if (elementsIndex === 0) {
+ opts.begin = function() {
+ /* Only trigger a begin callback on the first effect call with the first element in the set. */
+ sequenceOptions.begin && sequenceOptions.begin.call(elements, elements);
+
+ /* Only trigger animateParentHeight() if we're using an In/Out transition. */
+ var direction = effectName.match(/(In|Out)$/);
+ if (sequenceOptions.animateParentHeight && direction) {
+ animateParentHeight(elements, direction[0], sequenceDuration + opts.delay, sequenceOptions.stagger);
+ }
+ }
+ }
+
+ /* If the user isn't overriding the display option, default to "auto" for "In"-suffixed transitions. */
+ if (sequenceOptions.display !== null) {
+ if (sequenceOptions.display && sequenceOptions.display !== "none") {
+ opts.display = sequenceOptions.display;
+ } else if (/In$/.test(effectName)) {
+ /* Inline elements cannot be subjected to transforms, so we switch them to inline-block. */
+ var defaultDisplay = Container.Velocity.CSS.Values.getDisplayType(element);
+ opts.display = (defaultDisplay === "inline") ? "inline-block" : defaultDisplay;
+ }
+ }
+
+ if (sequenceOptions.visibility && sequenceOptions.visibility !== "hidden") {
+ opts.visibility = sequenceOptions.visibility;
+ }
+ }
+
+ /* Special processing for the last effect call. */
+ if (callIndex === properties.calls.length - 1) {
+ /* Append promise resolving onto the user's sequence callback. */
+ function injectFinalCallbacks () {
+ if ((sequenceOptions.display === undefined || sequenceOptions.display === "none") && /Out$/.test(effectName)) {
+ Container.Velocity.Utilities.each(elements.nodeType ? [ elements ] : elements, function(i, element) {
+ Container.Velocity.CSS.setPropertyValue(element, "display", "none");
+ });
+ }
+
+ sequenceOptions.complete && sequenceOptions.complete.call(elements, elements);
+
+ if (promiseData) {
+ promiseData.resolver(elements || element);
+ }
+ }
+
+ opts.complete = function() {
+ if (properties.reset) {
+ for (var resetProperty in properties.reset) {
+ var resetValue = properties.reset[resetProperty];
+
+ /* Format each non-array value in the reset property map to [ value, value ] so that changes apply
+ immediately and DOM querying is avoided (via forcefeeding). */
+ if (typeof resetValue === "string" || typeof resetValue === "number") {
+ properties.reset[resetProperty] = [ properties.reset[resetProperty], properties.reset[resetProperty] ];
+ }
+ }
+
+ /* So that the reset values are applied instantly upon the next rAF tick, use a zero duration and parallel queueing. */
+ var resetOptions = { duration: 0, queue: false };
+
+ /* Since the reset option uses up the complete callback, we trigger the user's complete callback at the end of ours. */
+ if (finalElement) {
+ resetOptions.complete = injectFinalCallbacks;
+ }
+
+ Container.Velocity.animate(element, properties.reset, resetOptions);
+ /* Only trigger the user's complete callback on the last effect call with the last element in the set. */
+ } else if (finalElement) {
+ injectFinalCallbacks();
+ }
+ };
+
+ if (sequenceOptions.visibility === "hidden") {
+ opts.visibility = sequenceOptions.visibility;
+ }
+ }
+
+ Container.Velocity.animate(element, propertyMap, opts);
+ }
+ };
+
+ /* Return the Velocity object so that RegisterUI calls can be chained. */
+ return Container.Velocity;
+ };
+
+ /*********************
+ Packaged Effects
+ *********************/
+
+ /* Externalize the packagedEffects data so that they can optionally be modified and re-registered. */
+ /* Support: <=IE8: Callouts will have no effect, and transitions will simply fade in/out. IE9/Android 2.3: Most effects are fully supported, the rest fade in/out. All other browsers: full support. */
+ Container.Velocity.RegisterUI.packagedEffects =
+ {
+ /* Animate.css */
+ "callout.bounce": {
+ defaultDuration: 550,
+ calls: [
+ [ { translateY: -30 }, 0.25 ],
+ [ { translateY: 0 }, 0.125 ],
+ [ { translateY: -15 }, 0.125 ],
+ [ { translateY: 0 }, 0.25 ]
+ ]
+ },
+ /* Animate.css */
+ "callout.shake": {
+ defaultDuration: 800,
+ calls: [
+ [ { translateX: -11 }, 0.125 ],
+ [ { translateX: 11 }, 0.125 ],
+ [ { translateX: -11 }, 0.125 ],
+ [ { translateX: 11 }, 0.125 ],
+ [ { translateX: -11 }, 0.125 ],
+ [ { translateX: 11 }, 0.125 ],
+ [ { translateX: -11 }, 0.125 ],
+ [ { translateX: 0 }, 0.125 ]
+ ]
+ },
+ /* Animate.css */
+ "callout.flash": {
+ defaultDuration: 1100,
+ calls: [
+ [ { opacity: [ 0, "easeInOutQuad", 1 ] }, 0.25 ],
+ [ { opacity: [ 1, "easeInOutQuad" ] }, 0.25 ],
+ [ { opacity: [ 0, "easeInOutQuad" ] }, 0.25 ],
+ [ { opacity: [ 1, "easeInOutQuad" ] }, 0.25 ]
+ ]
+ },
+ /* Animate.css */
+ "callout.pulse": {
+ defaultDuration: 825,
+ calls: [
+ [ { scaleX: 1.1, scaleY: 1.1 }, 0.50 ],
+ [ { scaleX: 1, scaleY: 1 }, 0.50 ]
+ ]
+ },
+ /* Animate.css */
+ "callout.swing": {
+ defaultDuration: 950,
+ calls: [
+ [ { rotateZ: 15 }, 0.20 ],
+ [ { rotateZ: -10 }, 0.20 ],
+ [ { rotateZ: 5 }, 0.20 ],
+ [ { rotateZ: -5 }, 0.20 ],
+ [ { rotateZ: 0 }, 0.20 ]
+ ]
+ },
+ /* Animate.css */
+ "callout.tada": {
+ defaultDuration: 1000,
+ calls: [
+ [ { scaleX: 0.9, scaleY: 0.9, rotateZ: -3 }, 0.10 ],
+ [ { scaleX: 1.1, scaleY: 1.1, rotateZ: 3 }, 0.10 ],
+ [ { scaleX: 1.1, scaleY: 1.1, rotateZ: -3 }, 0.10 ],
+ [ "reverse", 0.125 ],
+ [ "reverse", 0.125 ],
+ [ "reverse", 0.125 ],
+ [ "reverse", 0.125 ],
+ [ "reverse", 0.125 ],
+ [ { scaleX: 1, scaleY: 1, rotateZ: 0 }, 0.20 ]
+ ]
+ },
+ "transition.fadeIn": {
+ defaultDuration: 500,
+ calls: [
+ [ { opacity: [ 1, 0 ] } ]
+ ]
+ },
+ "transition.fadeOut": {
+ defaultDuration: 500,
+ calls: [
+ [ { opacity: [ 0, 1 ] } ]
+ ]
+ },
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.flipXIn": {
+ defaultDuration: 700,
+ calls: [
+ [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], rotateY: [ 0, -55 ] } ]
+ ],
+ reset: { transformPerspective: 0 }
+ },
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.flipXOut": {
+ defaultDuration: 700,
+ calls: [
+ [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], rotateY: 55 } ]
+ ],
+ reset: { transformPerspective: 0, rotateY: 0 }
+ },
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.flipYIn": {
+ defaultDuration: 800,
+ calls: [
+ [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], rotateX: [ 0, -45 ] } ]
+ ],
+ reset: { transformPerspective: 0 }
+ },
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.flipYOut": {
+ defaultDuration: 800,
+ calls: [
+ [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], rotateX: 25 } ]
+ ],
+ reset: { transformPerspective: 0, rotateX: 0 }
+ },
+ /* Animate.css */
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.flipBounceXIn": {
+ defaultDuration: 900,
+ calls: [
+ [ { opacity: [ 0.725, 0 ], transformPerspective: [ 400, 400 ], rotateY: [ -10, 90 ] }, 0.50 ],
+ [ { opacity: 0.80, rotateY: 10 }, 0.25 ],
+ [ { opacity: 1, rotateY: 0 }, 0.25 ]
+ ],
+ reset: { transformPerspective: 0 }
+ },
+ /* Animate.css */
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.flipBounceXOut": {
+ defaultDuration: 800,
+ calls: [
+ [ { opacity: [ 0.9, 1 ], transformPerspective: [ 400, 400 ], rotateY: -10 }, 0.50 ],
+ [ { opacity: 0, rotateY: 90 }, 0.50 ]
+ ],
+ reset: { transformPerspective: 0, rotateY: 0 }
+ },
+ /* Animate.css */
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.flipBounceYIn": {
+ defaultDuration: 850,
+ calls: [
+ [ { opacity: [ 0.725, 0 ], transformPerspective: [ 400, 400 ], rotateX: [ -10, 90 ] }, 0.50 ],
+ [ { opacity: 0.80, rotateX: 10 }, 0.25 ],
+ [ { opacity: 1, rotateX: 0 }, 0.25 ]
+ ],
+ reset: { transformPerspective: 0 }
+ },
+ /* Animate.css */
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.flipBounceYOut": {
+ defaultDuration: 800,
+ calls: [
+ [ { opacity: [ 0.9, 1 ], transformPerspective: [ 400, 400 ], rotateX: -15 }, 0.50 ],
+ [ { opacity: 0, rotateX: 90 }, 0.50 ]
+ ],
+ reset: { transformPerspective: 0, rotateX: 0 }
+ },
+ /* Magic.css */
+ "transition.swoopIn": {
+ defaultDuration: 850,
+ calls: [
+ [ { opacity: [ 1, 0 ], transformOriginX: [ "100%", "50%" ], transformOriginY: [ "100%", "100%" ], scaleX: [ 1, 0 ], scaleY: [ 1, 0 ], translateX: [ 0, -700 ], translateZ: 0 } ]
+ ],
+ reset: { transformOriginX: "50%", transformOriginY: "50%" }
+ },
+ /* Magic.css */
+ "transition.swoopOut": {
+ defaultDuration: 850,
+ calls: [
+ [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "100%" ], transformOriginY: [ "100%", "100%" ], scaleX: 0, scaleY: 0, translateX: -700, translateZ: 0 } ]
+ ],
+ reset: { transformOriginX: "50%", transformOriginY: "50%", scaleX: 1, scaleY: 1, translateX: 0 }
+ },
+ /* Magic.css */
+ /* Support: Loses rotation in IE9/Android 2.3. (Fades and scales only.) */
+ "transition.whirlIn": {
+ defaultDuration: 900,
+ calls: [
+ [ { opacity: [ 1, 0 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: [ 1, 0 ], scaleY: [ 1, 0 ], rotateY: [ 0, 160 ] } ]
+ ]
+ },
+ /* Magic.css */
+ /* Support: Loses rotation in IE9/Android 2.3. (Fades and scales only.) */
+ "transition.whirlOut": {
+ defaultDuration: 900,
+ calls: [
+ [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: 0, scaleY: 0, rotateY: 160 } ]
+ ],
+ reset: { scaleX: 1, scaleY: 1, rotateY: 0 }
+ },
+ "transition.shrinkIn": {
+ defaultDuration: 700,
+ calls: [
+ [ { opacity: [ 1, 0 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: [ 1, 1.5 ], scaleY: [ 1, 1.5 ], translateZ: 0 } ]
+ ]
+ },
+ "transition.shrinkOut": {
+ defaultDuration: 650,
+ calls: [
+ [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: 1.3, scaleY: 1.3, translateZ: 0 } ]
+ ],
+ reset: { scaleX: 1, scaleY: 1 }
+ },
+ "transition.expandIn": {
+ defaultDuration: 700,
+ calls: [
+ [ { opacity: [ 1, 0 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: [ 1, 0.625 ], scaleY: [ 1, 0.625 ], translateZ: 0 } ]
+ ]
+ },
+ "transition.expandOut": {
+ defaultDuration: 700,
+ calls: [
+ [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: 0.5, scaleY: 0.5, translateZ: 0 } ]
+ ],
+ reset: { scaleX: 1, scaleY: 1 }
+ },
+ /* Animate.css */
+ "transition.bounceIn": {
+ defaultDuration: 800,
+ calls: [
+ [ { opacity: [ 1, 0 ], scaleX: [ 1.05, 0.3 ], scaleY: [ 1.05, 0.3 ] }, 0.40 ],
+ [ { scaleX: 0.9, scaleY: 0.9, translateZ: 0 }, 0.20 ],
+ [ { scaleX: 1, scaleY: 1 }, 0.50 ]
+ ]
+ },
+ /* Animate.css */
+ "transition.bounceOut": {
+ defaultDuration: 800,
+ calls: [
+ [ { scaleX: 0.95, scaleY: 0.95 }, 0.40 ],
+ [ { scaleX: 1.1, scaleY: 1.1, translateZ: 0 }, 0.40 ],
+ [ { opacity: [ 0, 1 ], scaleX: 0.3, scaleY: 0.3 }, 0.20 ]
+ ],
+ reset: { scaleX: 1, scaleY: 1 }
+ },
+ /* Animate.css */
+ "transition.bounceUpIn": {
+ defaultDuration: 800,
+ calls: [
+ [ { opacity: [ 1, 0 ], translateY: [ -30, 1000 ] }, 0.60, { easing: "easeOutCirc" } ],
+ [ { translateY: 10 }, 0.20 ],
+ [ { translateY: 0 }, 0.20 ]
+ ]
+ },
+ /* Animate.css */
+ "transition.bounceUpOut": {
+ defaultDuration: 1000,
+ calls: [
+ [ { translateY: 20 }, 0.20 ],
+ [ { opacity: [ 0, "easeInCirc", 1 ], translateY: -1000 }, 0.80 ]
+ ],
+ reset: { translateY: 0 }
+ },
+ /* Animate.css */
+ "transition.bounceDownIn": {
+ defaultDuration: 800,
+ calls: [
+ [ { opacity: [ 1, 0 ], translateY: [ 30, -1000 ] }, 0.60, { easing: "easeOutCirc" } ],
+ [ { translateY: -10 }, 0.20 ],
+ [ { translateY: 0 }, 0.20 ]
+ ]
+ },
+ /* Animate.css */
+ "transition.bounceDownOut": {
+ defaultDuration: 1000,
+ calls: [
+ [ { translateY: -20 }, 0.20 ],
+ [ { opacity: [ 0, "easeInCirc", 1 ], translateY: 1000 }, 0.80 ]
+ ],
+ reset: { translateY: 0 }
+ },
+ /* Animate.css */
+ "transition.bounceLeftIn": {
+ defaultDuration: 750,
+ calls: [
+ [ { opacity: [ 1, 0 ], translateX: [ 30, -1250 ] }, 0.60, { easing: "easeOutCirc" } ],
+ [ { translateX: -10 }, 0.20 ],
+ [ { translateX: 0 }, 0.20 ]
+ ]
+ },
+ /* Animate.css */
+ "transition.bounceLeftOut": {
+ defaultDuration: 750,
+ calls: [
+ [ { translateX: 30 }, 0.20 ],
+ [ { opacity: [ 0, "easeInCirc", 1 ], translateX: -1250 }, 0.80 ]
+ ],
+ reset: { translateX: 0 }
+ },
+ /* Animate.css */
+ "transition.bounceRightIn": {
+ defaultDuration: 750,
+ calls: [
+ [ { opacity: [ 1, 0 ], translateX: [ -30, 1250 ] }, 0.60, { easing: "easeOutCirc" } ],
+ [ { translateX: 10 }, 0.20 ],
+ [ { translateX: 0 }, 0.20 ]
+ ]
+ },
+ /* Animate.css */
+ "transition.bounceRightOut": {
+ defaultDuration: 750,
+ calls: [
+ [ { translateX: -30 }, 0.20 ],
+ [ { opacity: [ 0, "easeInCirc", 1 ], translateX: 1250 }, 0.80 ]
+ ],
+ reset: { translateX: 0 }
+ },
+ "transition.slideUpIn": {
+ defaultDuration: 900,
+ calls: [
+ [ { opacity: [ 1, 0 ], translateY: [ 0, 20 ], translateZ: 0 } ]
+ ]
+ },
+ "transition.slideUpOut": {
+ defaultDuration: 900,
+ calls: [
+ [ { opacity: [ 0, 1 ], translateY: -20, translateZ: 0 } ]
+ ],
+ reset: { translateY: 0 }
+ },
+ "transition.slideDownIn": {
+ defaultDuration: 900,
+ calls: [
+ [ { opacity: [ 1, 0 ], translateY: [ 0, -20 ], translateZ: 0 } ]
+ ]
+ },
+ "transition.slideDownOut": {
+ defaultDuration: 900,
+ calls: [
+ [ { opacity: [ 0, 1 ], translateY: 20, translateZ: 0 } ]
+ ],
+ reset: { translateY: 0 }
+ },
+ "transition.slideLeftIn": {
+ defaultDuration: 1000,
+ calls: [
+ [ { opacity: [ 1, 0 ], translateX: [ 0, -20 ], translateZ: 0 } ]
+ ]
+ },
+ "transition.slideLeftOut": {
+ defaultDuration: 1050,
+ calls: [
+ [ { opacity: [ 0, 1 ], translateX: -20, translateZ: 0 } ]
+ ],
+ reset: { translateX: 0 }
+ },
+ "transition.slideRightIn": {
+ defaultDuration: 1000,
+ calls: [
+ [ { opacity: [ 1, 0 ], translateX: [ 0, 20 ], translateZ: 0 } ]
+ ]
+ },
+ "transition.slideRightOut": {
+ defaultDuration: 1050,
+ calls: [
+ [ { opacity: [ 0, 1 ], translateX: 20, translateZ: 0 } ]
+ ],
+ reset: { translateX: 0 }
+ },
+ "transition.slideUpBigIn": {
+ defaultDuration: 850,
+ calls: [
+ [ { opacity: [ 1, 0 ], translateY: [ 0, 75 ], translateZ: 0 } ]
+ ]
+ },
+ "transition.slideUpBigOut": {
+ defaultDuration: 800,
+ calls: [
+ [ { opacity: [ 0, 1 ], translateY: -75, translateZ: 0 } ]
+ ],
+ reset: { translateY: 0 }
+ },
+ "transition.slideDownBigIn": {
+ defaultDuration: 850,
+ calls: [
+ [ { opacity: [ 1, 0 ], translateY: [ 0, -75 ], translateZ: 0 } ]
+ ]
+ },
+ "transition.slideDownBigOut": {
+ defaultDuration: 800,
+ calls: [
+ [ { opacity: [ 0, 1 ], translateY: 75, translateZ: 0 } ]
+ ],
+ reset: { translateY: 0 }
+ },
+ "transition.slideLeftBigIn": {
+ defaultDuration: 800,
+ calls: [
+ [ { opacity: [ 1, 0 ], translateX: [ 0, -75 ], translateZ: 0 } ]
+ ]
+ },
+ "transition.slideLeftBigOut": {
+ defaultDuration: 750,
+ calls: [
+ [ { opacity: [ 0, 1 ], translateX: -75, translateZ: 0 } ]
+ ],
+ reset: { translateX: 0 }
+ },
+ "transition.slideRightBigIn": {
+ defaultDuration: 800,
+ calls: [
+ [ { opacity: [ 1, 0 ], translateX: [ 0, 75 ], translateZ: 0 } ]
+ ]
+ },
+ "transition.slideRightBigOut": {
+ defaultDuration: 750,
+ calls: [
+ [ { opacity: [ 0, 1 ], translateX: 75, translateZ: 0 } ]
+ ],
+ reset: { translateX: 0 }
+ },
+ /* Magic.css */
+ "transition.perspectiveUpIn": {
+ defaultDuration: 800,
+ calls: [
+ [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ "100%", "100%" ], rotateX: [ 0, -180 ] } ]
+ ],
+ reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" }
+ },
+ /* Magic.css */
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.perspectiveUpOut": {
+ defaultDuration: 850,
+ calls: [
+ [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ "100%", "100%" ], rotateX: -180 } ]
+ ],
+ reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateX: 0 }
+ },
+ /* Magic.css */
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.perspectiveDownIn": {
+ defaultDuration: 800,
+ calls: [
+ [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateX: [ 0, 180 ] } ]
+ ],
+ reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" }
+ },
+ /* Magic.css */
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.perspectiveDownOut": {
+ defaultDuration: 850,
+ calls: [
+ [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateX: 180 } ]
+ ],
+ reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateX: 0 }
+ },
+ /* Magic.css */
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.perspectiveLeftIn": {
+ defaultDuration: 950,
+ calls: [
+ [ { opacity: [ 1, 0 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateY: [ 0, -180 ] } ]
+ ],
+ reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" }
+ },
+ /* Magic.css */
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.perspectiveLeftOut": {
+ defaultDuration: 950,
+ calls: [
+ [ { opacity: [ 0, 1 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateY: -180 } ]
+ ],
+ reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateY: 0 }
+ },
+ /* Magic.css */
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.perspectiveRightIn": {
+ defaultDuration: 950,
+ calls: [
+ [ { opacity: [ 1, 0 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ "100%", "100%" ], transformOriginY: [ 0, 0 ], rotateY: [ 0, 180 ] } ]
+ ],
+ reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" }
+ },
+ /* Magic.css */
+ /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
+ "transition.perspectiveRightOut": {
+ defaultDuration: 950,
+ calls: [
+ [ { opacity: [ 0, 1 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ "100%", "100%" ], transformOriginY: [ 0, 0 ], rotateY: 180 } ]
+ ],
+ reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateY: 0 }
+ }
+ };
+
+ /* Register the packaged effects. */
+ for (var effectName in Container.Velocity.RegisterUI.packagedEffects) {
+ Container.Velocity.RegisterUI(effectName, Container.Velocity.RegisterUI.packagedEffects[effectName]);
+ }
+
return Velocity;
}((jQuery || window), window, document);
}));
@@ -3427,4 +4070,4 @@ return function (global, window, document, undefined) {
/* The CSS spec mandates that the translateX/Y/Z transforms are %-relative to the element itself -- not its parent.
Velocity, however, doesn't make this distinction. Thus, converting to or from the % unit with these subproperties
- will produce an inaccurate conversion value. The same issue exists with the cx/cy attributes of SVG circles and ellipses. */
\ No newline at end of file
+ will produce an inaccurate conversion value. The same issue exists with the cx/cy attributes of SVG circles and ellipses. */
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/8de3ed3c/assets/js/plugins/velocity.ui.js
----------------------------------------------------------------------
diff --git a/assets/js/plugins/velocity.ui.js b/assets/js/plugins/velocity.ui.js
deleted file mode 100644
index c447d63..0000000
--- a/assets/js/plugins/velocity.ui.js
+++ /dev/null
@@ -1,664 +0,0 @@
-/**********************
- Velocity UI Pack
-**********************/
-
-/* VelocityJS.org UI Pack (4.1.2). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License. Portions copyright Daniel Eden, Christian Pucci. */
-
-(function() {
-
- /*************
- Setup
- *************/
-
- var Container = (window.jQuery || window.Zepto || window);
-
- if (!Container.Velocity || !Container.Velocity.Utilities) {
- window.console && console.log("Velocity UI Pack: Velocity must be loaded first. Aborting.");
-
- return;
- }
-
- if (!Container.Velocity.version || (Container.Velocity.version.major <= 0 && Container.Velocity.version.minor <= 5 && Container.Velocity.version.patch <= 2)) {
- var abortError = "Velocity UI Pack: You need to update Velocity (jquery.velocity.js) to a newer version. Visit http://github.com/julianshapiro/velocity.";
-
- alert(abortError);
- throw new Error(abortError);
- }
-
- /******************
- Register UI
- ******************/
-
- Container.Velocity.RegisterUI = function (effectName, properties) {
- /* Animate the expansion/contraction of the elements' parent's height for In/Out effects. */
- function animateParentHeight (elements, direction, totalDuration, stagger) {
- var totalHeightDelta = 0,
- parentNode;
-
- /* Sum the total height (including padding and margin) of all targeted elements. */
- Container.Velocity.Utilities.each(elements.nodeType ? [ elements ] : elements, function(i, element) {
- if (stagger) {
- /* Increase the totalDuration by the successive delay amounts produced by the stagger option. */
- totalDuration += i * stagger;
- }
-
- parentNode = element.parentNode;
-
- Container.Velocity.Utilities.each([ "height", "paddingTop", "paddingBottom", "marginTop", "marginBottom"], function(i, property) {
- totalHeightDelta += parseFloat(Container.Velocity.CSS.getPropertyValue(element, property));
- });
- });
-
- /* Animate the parent element's height adjustment (with a varying duration multiplier for aesthetic benefits). */
- Container.Velocity.animate(
- parentNode,
- { height: (direction === "In" ? "+" : "-") + "=" + totalHeightDelta },
- { queue: false, easing: "ease-in-out", duration: totalDuration * (direction === "In" ? 0.6 : 1) }
- );
- }
-
- /* Register a custom sequence for each effect. */
- Container.Velocity.Sequences[effectName] = function (element, sequenceOptions, elementsIndex, elementsSize, elements, promiseData) {
- var finalElement = (elementsIndex === elementsSize - 1);
-
- /* Iterate through each effect's call array. */
- for (var callIndex = 0; callIndex < properties.calls.length; callIndex++) {
- var call = properties.calls[callIndex],
- propertyMap = call[0],
- sequenceDuration = (sequenceOptions.duration || properties.defaultDuration || 1000),
- durationPercentage = call[1],
- callOptions = call[2] || {},
- opts = {};
-
- /* Assign the whitelisted per-call options. */
- opts.duration = sequenceDuration * (durationPercentage || 1);
- opts.queue = sequenceOptions.queue || "";
- opts.easing = callOptions.easing || "ease";
- opts.delay = callOptions.delay || 0;
- opts._cacheValues = callOptions._cacheValues || true;
-
- /* Special processing for the first effect call. */
- if (callIndex === 0) {
- /* If a delay was passed into the sequence, combine it with the first call's delay. */
- opts.delay += (sequenceOptions.delay || 0);
-
- if (elementsIndex === 0) {
- opts.begin = function() {
- /* Only trigger a begin callback on the first effect call with the first element in the set. */
- sequenceOptions.begin && sequenceOptions.begin.call(elements, elements);
-
- /* Only trigger animateParentHeight() if we're using an In/Out transition. */
- var direction = effectName.match(/(In|Out)$/);
- if (sequenceOptions.animateParentHeight && direction) {
- animateParentHeight(elements, direction[0], sequenceDuration + opts.delay, sequenceOptions.stagger);
- }
- }
- }
-
- /* If the user isn't overriding the display option, default to "auto" for "In"-suffixed transitions. */
- if (sequenceOptions.display !== null) {
- if (sequenceOptions.display && sequenceOptions.display !== "none") {
- opts.display = sequenceOptions.display;
- } else if (/In$/.test(effectName)) {
- /* Inline elements cannot be subjected to transforms, so we switch them to inline-block. */
- var defaultDisplay = Container.Velocity.CSS.Values.getDisplayType(element);
- opts.display = (defaultDisplay === "inline") ? "inline-block" : defaultDisplay;
- }
- }
-
- if (sequenceOptions.visibility && sequenceOptions.visibility !== "hidden") {
- opts.visibility = sequenceOptions.visibility;
- }
- }
-
- /* Special processing for the last effect call. */
- if (callIndex === properties.calls.length - 1) {
- /* Append promise resolving onto the user's sequence callback. */
- function injectFinalCallbacks () {
- if ((sequenceOptions.display === undefined || sequenceOptions.display === "none") && /Out$/.test(effectName)) {
- Container.Velocity.Utilities.each(elements.nodeType ? [ elements ] : elements, function(i, element) {
- Container.Velocity.CSS.setPropertyValue(element, "display", "none");
- });
- }
-
- sequenceOptions.complete && sequenceOptions.complete.call(elements, elements);
-
- if (promiseData) {
- promiseData.resolver(elements || element);
- }
- }
-
- opts.complete = function() {
- if (properties.reset) {
- for (var resetProperty in properties.reset) {
- var resetValue = properties.reset[resetProperty];
-
- /* Format each non-array value in the reset property map to [ value, value ] so that changes apply
- immediately and DOM querying is avoided (via forcefeeding). */
- if (typeof resetValue === "string" || typeof resetValue === "number") {
- properties.reset[resetProperty] = [ properties.reset[resetProperty], properties.reset[resetProperty] ];
- }
- }
-
- /* So that the reset values are applied instantly upon the next rAF tick, use a zero duration and parallel queueing. */
- var resetOptions = { duration: 0, queue: false };
-
- /* Since the reset option uses up the complete callback, we trigger the user's complete callback at the end of ours. */
- if (finalElement) {
- resetOptions.complete = injectFinalCallbacks;
- }
-
- Container.Velocity.animate(element, properties.reset, resetOptions);
- /* Only trigger the user's complete callback on the last effect call with the last element in the set. */
- } else if (finalElement) {
- injectFinalCallbacks();
- }
- };
-
- if (sequenceOptions.visibility === "hidden") {
- opts.visibility = sequenceOptions.visibility;
- }
- }
-
- Container.Velocity.animate(element, propertyMap, opts);
- }
- };
-
- /* Return the Velocity object so that RegisterUI calls can be chained. */
- return Container.Velocity;
- };
-
- /*********************
- Packaged Effects
- *********************/
-
- /* Externalize the packagedEffects data so that they can optionally be modified and re-registered. */
- /* Support: <=IE8: Callouts will have no effect, and transitions will simply fade in/out. IE9/Android 2.3: Most effects are fully supported, the rest fade in/out. All other browsers: full support. */
- Container.Velocity.RegisterUI.packagedEffects =
- {
- /* Animate.css */
- "callout.bounce": {
- defaultDuration: 550,
- calls: [
- [ { translateY: -30 }, 0.25 ],
- [ { translateY: 0 }, 0.125 ],
- [ { translateY: -15 }, 0.125 ],
- [ { translateY: 0 }, 0.25 ]
- ]
- },
- /* Animate.css */
- "callout.shake": {
- defaultDuration: 800,
- calls: [
- [ { translateX: -11 }, 0.125 ],
- [ { translateX: 11 }, 0.125 ],
- [ { translateX: -11 }, 0.125 ],
- [ { translateX: 11 }, 0.125 ],
- [ { translateX: -11 }, 0.125 ],
- [ { translateX: 11 }, 0.125 ],
- [ { translateX: -11 }, 0.125 ],
- [ { translateX: 0 }, 0.125 ]
- ]
- },
- /* Animate.css */
- "callout.flash": {
- defaultDuration: 1100,
- calls: [
- [ { opacity: [ 0, "easeInOutQuad", 1 ] }, 0.25 ],
- [ { opacity: [ 1, "easeInOutQuad" ] }, 0.25 ],
- [ { opacity: [ 0, "easeInOutQuad" ] }, 0.25 ],
- [ { opacity: [ 1, "easeInOutQuad" ] }, 0.25 ]
- ]
- },
- /* Animate.css */
- "callout.pulse": {
- defaultDuration: 825,
- calls: [
- [ { scaleX: 1.1, scaleY: 1.1 }, 0.50 ],
- [ { scaleX: 1, scaleY: 1 }, 0.50 ]
- ]
- },
- /* Animate.css */
- "callout.swing": {
- defaultDuration: 950,
- calls: [
- [ { rotateZ: 15 }, 0.20 ],
- [ { rotateZ: -10 }, 0.20 ],
- [ { rotateZ: 5 }, 0.20 ],
- [ { rotateZ: -5 }, 0.20 ],
- [ { rotateZ: 0 }, 0.20 ]
- ]
- },
- /* Animate.css */
- "callout.tada": {
- defaultDuration: 1000,
- calls: [
- [ { scaleX: 0.9, scaleY: 0.9, rotateZ: -3 }, 0.10 ],
- [ { scaleX: 1.1, scaleY: 1.1, rotateZ: 3 }, 0.10 ],
- [ { scaleX: 1.1, scaleY: 1.1, rotateZ: -3 }, 0.10 ],
- [ "reverse", 0.125 ],
- [ "reverse", 0.125 ],
- [ "reverse", 0.125 ],
- [ "reverse", 0.125 ],
- [ "reverse", 0.125 ],
- [ { scaleX: 1, scaleY: 1, rotateZ: 0 }, 0.20 ]
- ]
- },
- "transition.fadeIn": {
- defaultDuration: 500,
- calls: [
- [ { opacity: [ 1, 0 ] } ]
- ]
- },
- "transition.fadeOut": {
- defaultDuration: 500,
- calls: [
- [ { opacity: [ 0, 1 ] } ]
- ]
- },
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.flipXIn": {
- defaultDuration: 700,
- calls: [
- [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], rotateY: [ 0, -55 ] } ]
- ],
- reset: { transformPerspective: 0 }
- },
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.flipXOut": {
- defaultDuration: 700,
- calls: [
- [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], rotateY: 55 } ]
- ],
- reset: { transformPerspective: 0, rotateY: 0 }
- },
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.flipYIn": {
- defaultDuration: 800,
- calls: [
- [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], rotateX: [ 0, -45 ] } ]
- ],
- reset: { transformPerspective: 0 }
- },
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.flipYOut": {
- defaultDuration: 800,
- calls: [
- [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], rotateX: 25 } ]
- ],
- reset: { transformPerspective: 0, rotateX: 0 }
- },
- /* Animate.css */
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.flipBounceXIn": {
- defaultDuration: 900,
- calls: [
- [ { opacity: [ 0.725, 0 ], transformPerspective: [ 400, 400 ], rotateY: [ -10, 90 ] }, 0.50 ],
- [ { opacity: 0.80, rotateY: 10 }, 0.25 ],
- [ { opacity: 1, rotateY: 0 }, 0.25 ]
- ],
- reset: { transformPerspective: 0 }
- },
- /* Animate.css */
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.flipBounceXOut": {
- defaultDuration: 800,
- calls: [
- [ { opacity: [ 0.9, 1 ], transformPerspective: [ 400, 400 ], rotateY: -10 }, 0.50 ],
- [ { opacity: 0, rotateY: 90 }, 0.50 ]
- ],
- reset: { transformPerspective: 0, rotateY: 0 }
- },
- /* Animate.css */
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.flipBounceYIn": {
- defaultDuration: 850,
- calls: [
- [ { opacity: [ 0.725, 0 ], transformPerspective: [ 400, 400 ], rotateX: [ -10, 90 ] }, 0.50 ],
- [ { opacity: 0.80, rotateX: 10 }, 0.25 ],
- [ { opacity: 1, rotateX: 0 }, 0.25 ]
- ],
- reset: { transformPerspective: 0 }
- },
- /* Animate.css */
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.flipBounceYOut": {
- defaultDuration: 800,
- calls: [
- [ { opacity: [ 0.9, 1 ], transformPerspective: [ 400, 400 ], rotateX: -15 }, 0.50 ],
- [ { opacity: 0, rotateX: 90 }, 0.50 ]
- ],
- reset: { transformPerspective: 0, rotateX: 0 }
- },
- /* Magic.css */
- "transition.swoopIn": {
- defaultDuration: 850,
- calls: [
- [ { opacity: [ 1, 0 ], transformOriginX: [ "100%", "50%" ], transformOriginY: [ "100%", "100%" ], scaleX: [ 1, 0 ], scaleY: [ 1, 0 ], translateX: [ 0, -700 ], translateZ: 0 } ]
- ],
- reset: { transformOriginX: "50%", transformOriginY: "50%" }
- },
- /* Magic.css */
- "transition.swoopOut": {
- defaultDuration: 850,
- calls: [
- [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "100%" ], transformOriginY: [ "100%", "100%" ], scaleX: 0, scaleY: 0, translateX: -700, translateZ: 0 } ]
- ],
- reset: { transformOriginX: "50%", transformOriginY: "50%", scaleX: 1, scaleY: 1, translateX: 0 }
- },
- /* Magic.css */
- /* Support: Loses rotation in IE9/Android 2.3. (Fades and scales only.) */
- "transition.whirlIn": {
- defaultDuration: 900,
- calls: [
- [ { opacity: [ 1, 0 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: [ 1, 0 ], scaleY: [ 1, 0 ], rotateY: [ 0, 160 ] } ]
- ]
- },
- /* Magic.css */
- /* Support: Loses rotation in IE9/Android 2.3. (Fades and scales only.) */
- "transition.whirlOut": {
- defaultDuration: 900,
- calls: [
- [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: 0, scaleY: 0, rotateY: 160 } ]
- ],
- reset: { scaleX: 1, scaleY: 1, rotateY: 0 }
- },
- "transition.shrinkIn": {
- defaultDuration: 700,
- calls: [
- [ { opacity: [ 1, 0 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: [ 1, 1.5 ], scaleY: [ 1, 1.5 ], translateZ: 0 } ]
- ]
- },
- "transition.shrinkOut": {
- defaultDuration: 650,
- calls: [
- [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: 1.3, scaleY: 1.3, translateZ: 0 } ]
- ],
- reset: { scaleX: 1, scaleY: 1 }
- },
- "transition.expandIn": {
- defaultDuration: 700,
- calls: [
- [ { opacity: [ 1, 0 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: [ 1, 0.625 ], scaleY: [ 1, 0.625 ], translateZ: 0 } ]
- ]
- },
- "transition.expandOut": {
- defaultDuration: 700,
- calls: [
- [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: 0.5, scaleY: 0.5, translateZ: 0 } ]
- ],
- reset: { scaleX: 1, scaleY: 1 }
- },
- /* Animate.css */
- "transition.bounceIn": {
- defaultDuration: 800,
- calls: [
- [ { opacity: [ 1, 0 ], scaleX: [ 1.05, 0.3 ], scaleY: [ 1.05, 0.3 ] }, 0.40 ],
- [ { scaleX: 0.9, scaleY: 0.9, translateZ: 0 }, 0.20 ],
- [ { scaleX: 1, scaleY: 1 }, 0.50 ]
- ]
- },
- /* Animate.css */
- "transition.bounceOut": {
- defaultDuration: 800,
- calls: [
- [ { scaleX: 0.95, scaleY: 0.95 }, 0.40 ],
- [ { scaleX: 1.1, scaleY: 1.1, translateZ: 0 }, 0.40 ],
- [ { opacity: [ 0, 1 ], scaleX: 0.3, scaleY: 0.3 }, 0.20 ]
- ],
- reset: { scaleX: 1, scaleY: 1 }
- },
- /* Animate.css */
- "transition.bounceUpIn": {
- defaultDuration: 800,
- calls: [
- [ { opacity: [ 1, 0 ], translateY: [ -30, 1000 ] }, 0.60, { easing: "easeOutCirc" } ],
- [ { translateY: 10 }, 0.20 ],
- [ { translateY: 0 }, 0.20 ]
- ]
- },
- /* Animate.css */
- "transition.bounceUpOut": {
- defaultDuration: 1000,
- calls: [
- [ { translateY: 20 }, 0.20 ],
- [ { opacity: [ 0, "easeInCirc", 1 ], translateY: -1000 }, 0.80 ]
- ],
- reset: { translateY: 0 }
- },
- /* Animate.css */
- "transition.bounceDownIn": {
- defaultDuration: 800,
- calls: [
- [ { opacity: [ 1, 0 ], translateY: [ 30, -1000 ] }, 0.60, { easing: "easeOutCirc" } ],
- [ { translateY: -10 }, 0.20 ],
- [ { translateY: 0 }, 0.20 ]
- ]
- },
- /* Animate.css */
- "transition.bounceDownOut": {
- defaultDuration: 1000,
- calls: [
- [ { translateY: -20 }, 0.20 ],
- [ { opacity: [ 0, "easeInCirc", 1 ], translateY: 1000 }, 0.80 ]
- ],
- reset: { translateY: 0 }
- },
- /* Animate.css */
- "transition.bounceLeftIn": {
- defaultDuration: 750,
- calls: [
- [ { opacity: [ 1, 0 ], translateX: [ 30, -1250 ] }, 0.60, { easing: "easeOutCirc" } ],
- [ { translateX: -10 }, 0.20 ],
- [ { translateX: 0 }, 0.20 ]
- ]
- },
- /* Animate.css */
- "transition.bounceLeftOut": {
- defaultDuration: 750,
- calls: [
- [ { translateX: 30 }, 0.20 ],
- [ { opacity: [ 0, "easeInCirc", 1 ], translateX: -1250 }, 0.80 ]
- ],
- reset: { translateX: 0 }
- },
- /* Animate.css */
- "transition.bounceRightIn": {
- defaultDuration: 750,
- calls: [
- [ { opacity: [ 1, 0 ], translateX: [ -30, 1250 ] }, 0.60, { easing: "easeOutCirc" } ],
- [ { translateX: 10 }, 0.20 ],
- [ { translateX: 0 }, 0.20 ]
- ]
- },
- /* Animate.css */
- "transition.bounceRightOut": {
- defaultDuration: 750,
- calls: [
- [ { translateX: -30 }, 0.20 ],
- [ { opacity: [ 0, "easeInCirc", 1 ], translateX: 1250 }, 0.80 ]
- ],
- reset: { translateX: 0 }
- },
- "transition.slideUpIn": {
- defaultDuration: 900,
- calls: [
- [ { opacity: [ 1, 0 ], translateY: [ 0, 20 ], translateZ: 0 } ]
- ]
- },
- "transition.slideUpOut": {
- defaultDuration: 900,
- calls: [
- [ { opacity: [ 0, 1 ], translateY: -20, translateZ: 0 } ]
- ],
- reset: { translateY: 0 }
- },
- "transition.slideDownIn": {
- defaultDuration: 900,
- calls: [
- [ { opacity: [ 1, 0 ], translateY: [ 0, -20 ], translateZ: 0 } ]
- ]
- },
- "transition.slideDownOut": {
- defaultDuration: 900,
- calls: [
- [ { opacity: [ 0, 1 ], translateY: 20, translateZ: 0 } ]
- ],
- reset: { translateY: 0 }
- },
- "transition.slideLeftIn": {
- defaultDuration: 1000,
- calls: [
- [ { opacity: [ 1, 0 ], translateX: [ 0, -20 ], translateZ: 0 } ]
- ]
- },
- "transition.slideLeftOut": {
- defaultDuration: 1050,
- calls: [
- [ { opacity: [ 0, 1 ], translateX: -20, translateZ: 0 } ]
- ],
- reset: { translateX: 0 }
- },
- "transition.slideRightIn": {
- defaultDuration: 1000,
- calls: [
- [ { opacity: [ 1, 0 ], translateX: [ 0, 20 ], translateZ: 0 } ]
- ]
- },
- "transition.slideRightOut": {
- defaultDuration: 1050,
- calls: [
- [ { opacity: [ 0, 1 ], translateX: 20, translateZ: 0 } ]
- ],
- reset: { translateX: 0 }
- },
- "transition.slideUpBigIn": {
- defaultDuration: 850,
- calls: [
- [ { opacity: [ 1, 0 ], translateY: [ 0, 75 ], translateZ: 0 } ]
- ]
- },
- "transition.slideUpBigOut": {
- defaultDuration: 800,
- calls: [
- [ { opacity: [ 0, 1 ], translateY: -75, translateZ: 0 } ]
- ],
- reset: { translateY: 0 }
- },
- "transition.slideDownBigIn": {
- defaultDuration: 850,
- calls: [
- [ { opacity: [ 1, 0 ], translateY: [ 0, -75 ], translateZ: 0 } ]
- ]
- },
- "transition.slideDownBigOut": {
- defaultDuration: 800,
- calls: [
- [ { opacity: [ 0, 1 ], translateY: 75, translateZ: 0 } ]
- ],
- reset: { translateY: 0 }
- },
- "transition.slideLeftBigIn": {
- defaultDuration: 800,
- calls: [
- [ { opacity: [ 1, 0 ], translateX: [ 0, -75 ], translateZ: 0 } ]
- ]
- },
- "transition.slideLeftBigOut": {
- defaultDuration: 750,
- calls: [
- [ { opacity: [ 0, 1 ], translateX: -75, translateZ: 0 } ]
- ],
- reset: { translateX: 0 }
- },
- "transition.slideRightBigIn": {
- defaultDuration: 800,
- calls: [
- [ { opacity: [ 1, 0 ], translateX: [ 0, 75 ], translateZ: 0 } ]
- ]
- },
- "transition.slideRightBigOut": {
- defaultDuration: 750,
- calls: [
- [ { opacity: [ 0, 1 ], translateX: 75, translateZ: 0 } ]
- ],
- reset: { translateX: 0 }
- },
- /* Magic.css */
- "transition.perspectiveUpIn": {
- defaultDuration: 800,
- calls: [
- [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ "100%", "100%" ], rotateX: [ 0, -180 ] } ]
- ],
- reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" }
- },
- /* Magic.css */
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.perspectiveUpOut": {
- defaultDuration: 850,
- calls: [
- [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ "100%", "100%" ], rotateX: -180 } ]
- ],
- reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateX: 0 }
- },
- /* Magic.css */
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.perspectiveDownIn": {
- defaultDuration: 800,
- calls: [
- [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateX: [ 0, 180 ] } ]
- ],
- reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" }
- },
- /* Magic.css */
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.perspectiveDownOut": {
- defaultDuration: 850,
- calls: [
- [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateX: 180 } ]
- ],
- reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateX: 0 }
- },
- /* Magic.css */
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.perspectiveLeftIn": {
- defaultDuration: 950,
- calls: [
- [ { opacity: [ 1, 0 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateY: [ 0, -180 ] } ]
- ],
- reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" }
- },
- /* Magic.css */
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.perspectiveLeftOut": {
- defaultDuration: 950,
- calls: [
- [ { opacity: [ 0, 1 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateY: -180 } ]
- ],
- reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateY: 0 }
- },
- /* Magic.css */
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.perspectiveRightIn": {
- defaultDuration: 950,
- calls: [
- [ { opacity: [ 1, 0 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ "100%", "100%" ], transformOriginY: [ 0, 0 ], rotateY: [ 0, 180 ] } ]
- ],
- reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" }
- },
- /* Magic.css */
- /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
- "transition.perspectiveRightOut": {
- defaultDuration: 950,
- calls: [
- [ { opacity: [ 0, 1 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ "100%", "100%" ], transformOriginY: [ 0, 0 ], rotateY: 180 } ]
- ],
- reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateY: 0 }
- }
- };
-
- /* Register the packaged effects. */
- for (var effectName in Container.Velocity.RegisterUI.packagedEffects) {
- Container.Velocity.RegisterUI(effectName, Container.Velocity.RegisterUI.packagedEffects[effectName]);
- }
-})();
\ No newline at end of file