angular-animations
Version:
Angular Animations Utilities
889 lines (868 loc) • 181 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/animations')) :
typeof define === 'function' && define.amd ? define('angular-animations', ['exports', '@angular/animations'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['angular-animations'] = {}, global.ng.animations));
}(this, (function (exports, animations) { 'use strict';
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
/* global Reflect, Promise */
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b)
if (b.hasOwnProperty(p))
d[p] = b[p]; };
return extendStatics(d, b);
};
function __extends(d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
var __assign = function () {
__assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s)
if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
function __rest(s, e) {
var t = {};
for (var p in s)
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
if (e.indexOf(p[i]) < 0)
t[p[i]] = s[p[i]];
return t;
}
function __decorate(decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
}
function __param(paramIndex, decorator) {
return function (target, key) { decorator(target, key, paramIndex); };
}
function __metadata(metadataKey, metadataValue) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(metadataKey, metadataValue);
}
function __awaiter(thisArg, _arguments, P, generator) {
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try {
step(generator.next(value));
}
catch (e) {
reject(e);
} }
function rejected(value) { try {
step(generator["throw"](value));
}
catch (e) {
reject(e);
} }
function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
}
function __generator(thisArg, body) {
var _ = { label: 0, sent: function () { if (t[0] & 1)
throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f)
throw new TypeError("Generator is already executing.");
while (_)
try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
return t;
if (y = 0, t)
op = [op[0] & 2, t.value];
switch (op[0]) {
case 0:
case 1:
t = op;
break;
case 4:
_.label++;
return { value: op[1], done: false };
case 5:
_.label++;
y = op[1];
op = [0];
continue;
case 7:
op = _.ops.pop();
_.trys.pop();
continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
_ = 0;
continue;
}
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
_.label = op[1];
break;
}
if (op[0] === 6 && _.label < t[1]) {
_.label = t[1];
t = op;
break;
}
if (t && _.label < t[2]) {
_.label = t[2];
_.ops.push(op);
break;
}
if (t[2])
_.ops.pop();
_.trys.pop();
continue;
}
op = body.call(thisArg, _);
}
catch (e) {
op = [6, e];
y = 0;
}
finally {
f = t = 0;
}
if (op[0] & 5)
throw op[1];
return { value: op[0] ? op[1] : void 0, done: true };
}
}
function __exportStar(m, exports) {
for (var p in m)
if (!exports.hasOwnProperty(p))
exports[p] = m[p];
}
function __values(o) {
var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
if (m)
return m.call(o);
return {
next: function () {
if (o && i >= o.length)
o = void 0;
return { value: o && o[i++], done: !o };
}
};
}
function __read(o, n) {
var m = typeof Symbol === "function" && o[Symbol.iterator];
if (!m)
return o;
var i = m.call(o), r, ar = [], e;
try {
while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
ar.push(r.value);
}
catch (error) {
e = { error: error };
}
finally {
try {
if (r && !r.done && (m = i["return"]))
m.call(i);
}
finally {
if (e)
throw e.error;
}
}
return ar;
}
function __spread() {
for (var ar = [], i = 0; i < arguments.length; i++)
ar = ar.concat(__read(arguments[i]));
return ar;
}
function __await(v) {
return this instanceof __await ? (this.v = v, this) : new __await(v);
}
function __asyncGenerator(thisArg, _arguments, generator) {
if (!Symbol.asyncIterator)
throw new TypeError("Symbol.asyncIterator is not defined.");
var g = generator.apply(thisArg, _arguments || []), i, q = [];
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
function verb(n) { if (g[n])
i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
function resume(n, v) { try {
step(g[n](v));
}
catch (e) {
settle(q[0][3], e);
} }
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
function fulfill(value) { resume("next", value); }
function reject(value) { resume("throw", value); }
function settle(f, v) { if (f(v), q.shift(), q.length)
resume(q[0][0], q[0][1]); }
}
function __asyncDelegator(o) {
var i, p;
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
}
function __asyncValues(o) {
if (!Symbol.asyncIterator)
throw new TypeError("Symbol.asyncIterator is not defined.");
var m = o[Symbol.asyncIterator], i;
return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
}
function __makeTemplateObject(cooked, raw) {
if (Object.defineProperty) {
Object.defineProperty(cooked, "raw", { value: raw });
}
else {
cooked.raw = raw;
}
return cooked;
}
;
function __importStar(mod) {
if (mod && mod.__esModule)
return mod;
var result = {};
if (mod != null)
for (var k in mod)
if (Object.hasOwnProperty.call(mod, k))
result[k] = mod[k];
result.default = mod;
return result;
}
function __importDefault(mod) {
return (mod && mod.__esModule) ? mod : { default: mod };
}
function useAnimationIncludingChildren(animation, options) {
return __spread((options && options.animateChildren === 'before' ? [animations.query('@*', animations.animateChild(), { optional: true })] : []), [
animations.group(__spread([
animations.useAnimation(animation)
], (!options || !options.animateChildren || options.animateChildren === 'together'
? [animations.query('@*', animations.animateChild(), { optional: true })]
: [])))
], (options && options.animateChildren === 'after' ? [animations.query('@*', animations.animateChild(), { optional: true })] : []));
}
var bounce = function () { return animations.animation([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: animations.AUTO_STYLE, transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
animations.style({ transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.2 }),
animations.style({ transform: 'translate3d(0, -30px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.4 }),
animations.style({ transform: 'translate3d(0, -30px, 0)', easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)', offset: 0.43 }),
animations.style({ transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)', offset: 0.53 }),
animations.style({ transform: 'translate3d(0, -15px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.7 }),
animations.style({ transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)', offset: 0.8 }),
animations.style({ transform: 'translate3d(0, -4px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.9 }),
animations.style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]); };
var ɵ0 = bounce;
var DEFAULT_DURATION = 1000;
function bounceAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounce', [
animations.transition("0 " + ((options && options.direction) || '<=>') + " 1", __spread([animations.style({ 'transform-origin': 'center bottom' })], useAnimationIncludingChildren(bounce(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION
}
})
]);
}
function bounceOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounceOnEnter', [
animations.transition(':enter', __spread([
animations.style({ visibility: 'hidden' }),
animations.style({ 'transform-origin': 'center bottom' })
], useAnimationIncludingChildren(bounce(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION
}
})
]);
}
var flash = function () { return animations.animation([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: animations.AUTO_STYLE, opacity: 1, easing: 'ease', offset: 0 }),
animations.style({ opacity: 0, easing: 'ease', offset: 0.25 }),
animations.style({ opacity: 1, easing: 'ease', offset: 0.5 }),
animations.style({ opacity: 0, easing: 'ease', offset: 0.75 }),
animations.style({ opacity: 1, easing: 'ease', offset: 1 })
]))
]); };
var ɵ0$1 = flash;
var DEFAULT_DURATION$1 = 1000;
function flashAnimation(options) {
return animations.trigger((options && options.anchor) || 'flash', [
animations.transition("0 " + ((options && options.direction) || '<=>') + " 1", __spread(useAnimationIncludingChildren(flash(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$1
}
})
]);
}
function flashOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'flashOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(flash(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$1
}
})
]);
}
var headShake = function () { return animations.animation([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: animations.AUTO_STYLE, transform: 'translateX(0)', easing: 'ease-in-out', offset: 0 }),
animations.style({ transform: 'translateX(-6px) rotateY(-9deg)', easing: 'ease-in-out', offset: 0.065 }),
animations.style({ transform: 'translateX(5px) rotateY(7deg)', easing: 'ease-in-out', offset: 0.185 }),
animations.style({ transform: 'translateX(-3px) rotateY(-5deg)', easing: 'ease-in-out', offset: 0.315 }),
animations.style({ transform: 'translateX(2px) rotateY(3deg)', easing: 'ease-in-out', offset: 0.435 }),
animations.style({ transform: 'translateX(0)', easing: 'ease-in-out', offset: 0.5 })
]))
]); };
var ɵ0$2 = headShake;
var DEFAULT_DURATION$2 = 1000;
function headShakeAnimation(options) {
return animations.trigger((options && options.anchor) || 'headShake', [
animations.transition("0 " + ((options && options.direction) || '<=>') + " 1", __spread(useAnimationIncludingChildren(headShake(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$2
}
})
]);
}
function headShakeOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'headShakeOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(headShake(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$2
}
})
]);
}
var heartBeat = function () { return animations.animation([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: animations.AUTO_STYLE, transform: 'scale(1)', easing: 'ease-in-out', offset: 0 }),
animations.style({ transform: 'scale({{scale}})', easing: 'ease-in-out', offset: 0.14 }),
animations.style({ transform: 'scale(1)', easing: 'ease-in-out', offset: 0.28 }),
animations.style({ transform: 'scale({{scale}})', easing: 'ease-in-out', offset: 0.42 }),
animations.style({ transform: 'scale(1)', easing: 'ease-in-out', offset: 0.7 })
]))
]); };
var ɵ0$3 = heartBeat;
var DEFAULT_DURATION$3 = 1300;
var DEFAULT_SCALE = 1.3;
function heartBeatAnimation(options) {
return animations.trigger((options && options.anchor) || 'heartBeat', [
animations.transition("0 " + ((options && options.direction) || '<=>') + " 1", __spread(useAnimationIncludingChildren(heartBeat(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$3,
scale: (options && options.scale) || DEFAULT_SCALE
}
})
]);
}
function heartBeatOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'heartBeatOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(heartBeat(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$3,
scale: (options && options.scale) || DEFAULT_SCALE
}
})
]);
}
var jello = function () { return animations.animation([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: animations.AUTO_STYLE, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0 }),
animations.style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0.111 }),
animations.style({ transform: 'skewX(-12.5deg) skewY(-12.5deg)', easing: 'ease', offset: 0.222 }),
animations.style({ transform: 'skewX(6.25deg) skewY(6.25deg)', easing: 'ease', offset: 0.333 }),
animations.style({ transform: 'skewX(-3.125deg) skewY(-3.125deg)', easing: 'ease', offset: 0.444 }),
animations.style({ transform: 'skewX(1.5625deg) skewY(1.5625deg)', easing: 'ease', offset: 0.555 }),
animations.style({ transform: 'skewX(-0.78125deg) skewY(-0.78125deg)', easing: 'ease', offset: 0.666 }),
animations.style({ transform: 'skewX(0.390625deg) skewY(0.390625deg)', easing: 'ease', offset: 0.777 }),
animations.style({ transform: 'skewX(-0.1953125deg) skewY(-0.1953125deg)', easing: 'ease', offset: 0.888 }),
animations.style({ transform: 'skewX(0deg) skewY(0deg)', easing: 'ease', offset: 1 })
]))
]); };
var ɵ0$4 = jello;
var DEFAULT_DURATION$4 = 1000;
function jelloAnimation(options) {
return animations.trigger((options && options.anchor) || 'jello', [
animations.transition("0 " + ((options && options.direction) || '<=>') + " 1", __spread([animations.style({ 'transform-origin': 'center' })], useAnimationIncludingChildren(jello(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$4
}
})
]);
}
function jelloOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'jelloOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' }), animations.style({ 'transform-origin': 'center' })], useAnimationIncludingChildren(jello(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$4
}
})
]);
}
var pulse = function () { return animations.animation([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: animations.AUTO_STYLE, transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 0 }),
animations.style({ transform: 'scale3d({{scale}}, {{scale}}, {{scale}})', easing: 'ease', offset: 0.5 }),
animations.style({ transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 1 })
]))
]); };
var ɵ0$5 = pulse;
var DEFAULT_DURATION$5 = 1000;
function pulseAnimation(options) {
return animations.trigger((options && options.anchor) || 'pulse', [
animations.transition("0 " + ((options && options.direction) || '<=>') + " 1", __spread(useAnimationIncludingChildren(pulse(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$5,
scale: (options && options.scale) || 1.05
}
})
]);
}
function pulseOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'pulseOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(pulse(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$5,
scale: (options && options.scale) || 1.05
}
})
]);
}
var rubberBand = function () { return animations.animation([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: animations.AUTO_STYLE, transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 0 }),
animations.style({ transform: 'scale3d(1.25, 0.75, 1)', easing: 'ease', offset: 0.3 }),
animations.style({ transform: 'scale3d(0.75, 1.25, 1)', easing: 'ease', offset: 0.4 }),
animations.style({ transform: 'scale3d(1.15, 0.85, 1)', easing: 'ease', offset: 0.5 }),
animations.style({ transform: 'scale3d(0.95, 1.05, 1)', easing: 'ease', offset: 0.65 }),
animations.style({ transform: 'scale3d(1.05, 0.95, 1)', easing: 'ease', offset: 0.75 }),
animations.style({ transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 1 })
]))
]); };
var ɵ0$6 = rubberBand;
var DEFAULT_DURATION$6 = 1000;
function rubberBandAnimation(options) {
return animations.trigger((options && options.anchor) || 'rubberBand', [
animations.transition("0 " + ((options && options.direction) || '<=>') + " 1", __spread(useAnimationIncludingChildren(rubberBand(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$6
}
})
]);
}
function rubberBandOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'rubberBandOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(rubberBand(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$6
}
})
]);
}
var shake = function () { return animations.animation([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: animations.AUTO_STYLE, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0 }),
animations.style({ transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'ease', offset: 0.1 }),
animations.style({ transform: 'translate3d({{translate}}, 0, 0)', easing: 'ease', offset: 0.2 }),
animations.style({ transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'ease', offset: 0.3 }),
animations.style({ transform: 'translate3d({{translate}}, 0, 0)', easing: 'ease', offset: 0.4 }),
animations.style({ transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'ease', offset: 0.5 }),
animations.style({ transform: 'translate3d({{translate}}, 0, 0)', easing: 'ease', offset: 0.6 }),
animations.style({ transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'ease', offset: 0.7 }),
animations.style({ transform: 'translate3d({{translate}}, 0, 0)', easing: 'ease', offset: 0.8 }),
animations.style({ transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'ease', offset: 0.9 }),
animations.style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]); };
var ɵ0$7 = shake;
var DEFAULT_DURATION$7 = 1000;
function shakeAnimation(options) {
return animations.trigger((options && options.anchor) || 'shake', [
animations.transition("0 " + ((options && options.direction) || '<=>') + " 1", __spread(useAnimationIncludingChildren(shake(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$7,
translate: (options && options.translate) || '10px'
}
})
]);
}
function shakeOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'shakeOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(shake(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$7,
translate: (options && options.translate) || '10px'
}
})
]);
}
var swing = function () { return animations.animation([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ 'transform-origin': 'top center', offset: 0 }),
animations.style({ visibility: animations.AUTO_STYLE, transform: 'rotate3d(0, 0, 1, 0deg)', easing: 'ease', offset: 0 }),
animations.style({ transform: 'rotate3d(0, 0, 1, 15deg)', easing: 'ease', offset: 0.2 }),
animations.style({ transform: 'rotate3d(0, 0, 1, -10deg)', easing: 'ease', offset: 0.4 }),
animations.style({ transform: 'rotate3d(0, 0, 1, 5deg)', easing: 'ease', offset: 0.6 }),
animations.style({ transform: 'rotate3d(0, 0, 1, -5deg)', easing: 'ease', offset: 0.8 }),
animations.style({ transform: 'rotate3d(0, 0, 1, 0deg)', easing: 'ease', offset: 1 })
]))
]); };
var ɵ0$8 = swing;
var DEFAULT_DURATION$8 = 1000;
function swingAnimation(options) {
return animations.trigger((options && options.anchor) || 'swing', [
animations.transition("0 " + ((options && options.direction) || '<=>') + " 1", __spread(useAnimationIncludingChildren(swing(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$8
}
})
]);
}
function swingOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'swingOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' }), animations.style({ 'transform-origin': 'top center' })], useAnimationIncludingChildren(swing(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$8
}
})
]);
}
var tada = function () { return animations.animation([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: animations.AUTO_STYLE, transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 0 }),
animations.style({ transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)', easing: 'ease', offset: 0.1 }),
animations.style({ transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)', easing: 'ease', offset: 0.2 }),
animations.style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)', easing: 'ease', offset: 0.3 }),
animations.style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)', easing: 'ease', offset: 0.4 }),
animations.style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)', easing: 'ease', offset: 0.5 }),
animations.style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)', easing: 'ease', offset: 0.6 }),
animations.style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)', easing: 'ease', offset: 0.7 }),
animations.style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)', easing: 'ease', offset: 0.8 }),
animations.style({ transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)', easing: 'ease', offset: 0.9 }),
animations.style({ transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 1 })
]))
]); };
var ɵ0$9 = tada;
var DEFAULT_DURATION$9 = 1000;
function tadaAnimation(options) {
return animations.trigger((options && options.anchor) || 'tada', [
animations.transition("0 " + ((options && options.direction) || '<=>') + " 1", __spread(useAnimationIncludingChildren(tada(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$9
}
})
]);
}
function tadaOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'tadaOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(tada(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$9
}
})
]);
}
var wobble = function () { return animations.animation([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: animations.AUTO_STYLE, transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0 }),
animations.style({ transform: 'translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)', easing: 'ease', offset: 0.15 }),
animations.style({ transform: 'translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)', easing: 'ease', offset: 0.3 }),
animations.style({ transform: 'translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)', easing: 'ease', offset: 0.45 }),
animations.style({ transform: 'translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)', easing: 'ease', offset: 0.6 }),
animations.style({ transform: 'translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)', easing: 'ease', offset: 0.75 }),
animations.style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 })
]))
]); };
var ɵ0$a = wobble;
var DEFAULT_DURATION$a = 1000;
function wobbleAnimation(options) {
return animations.trigger((options && options.anchor) || 'wobble', [
animations.transition("0 " + ((options && options.direction) || '<=>') + " 1", __spread(useAnimationIncludingChildren(wobble(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$a
}
})
]);
}
function wobbleOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'wobbleOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(wobble(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$a
}
})
]);
}
var bounceInDown = function () { return animations.animation(animations.group([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ transform: 'translate3d(0, -{{translate}}, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
animations.style({ transform: 'translate3d(0, 25px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
animations.style({ transform: 'translate3d(0, -10px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.75 }),
animations.style({ transform: 'translate3d(0, 5px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.9 }),
animations.style({ transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
])),
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: 'visible', opacity: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
animations.style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
animations.style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
]))
])); };
var ɵ0$b = bounceInDown;
var DEFAULT_DURATION$b = 1000;
function bounceInDownAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounceInDown', [
animations.transition('0 => 1', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(bounceInDown(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$b,
translate: (options && options.translate) || '3000px'
}
})
]);
}
function bounceInDownOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounceInDownOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(bounceInDown(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$b,
translate: (options && options.translate) || '3000px'
}
})
]);
}
var bounceInLeft = function () { return animations.animation(animations.group([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ transform: 'translate3d(-{{translate}}, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
animations.style({ transform: 'translate3d(25px, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
animations.style({ transform: 'translate3d(-10px, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.75 }),
animations.style({ transform: 'translate3d(5px, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.9 }),
animations.style({ transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
])),
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: 'visible', opacity: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
animations.style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
animations.style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
]))
])); };
var ɵ0$c = bounceInLeft;
var DEFAULT_DURATION$c = 1000;
function bounceInLeftAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounceInLeft', [
animations.transition('0 => 1', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(bounceInLeft(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$c,
translate: (options && options.translate) || '3000px'
}
})
]);
}
function bounceInLeftOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounceInLeftOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(bounceInLeft(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$c,
translate: (options && options.translate) || '3000px'
}
})
]);
}
var bounceInRight = function () { return animations.animation(animations.group([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ transform: 'translate3d({{translate}}, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
animations.style({ transform: 'translate3d(-25px, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
animations.style({ transform: 'translate3d(10px, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.75 }),
animations.style({ transform: 'translate3d(-5px, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.9 }),
animations.style({ transform: 'translate3d(0, 0, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
])),
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: 'visible', opacity: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
animations.style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
animations.style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
]))
])); };
var ɵ0$d = bounceInRight;
var DEFAULT_DURATION$d = 1000;
function bounceInRightAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounceInRight', [
animations.transition('0 => 1', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(bounceInRight(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$d,
translate: (options && options.translate) || '3000px'
}
})
]);
}
function bounceInRightOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounceInRightOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(bounceInRight(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$d,
translate: (options && options.translate) || '3000px'
}
})
]);
}
var bounceInUp = function () { return animations.animation(animations.group([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ transform: 'translate3d(0, {{translate}}, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
animations.style({ transform: 'translate3d(0, -20px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
animations.style({ transform: 'translate3d(0, 10px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.75 }),
animations.style({ transform: 'translate3d(0, -5px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.9 }),
animations.style({ transform: 'translate3d(0, -5px, 0)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
])),
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: 'visible', opacity: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
animations.style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
animations.style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
]))
])); };
var ɵ0$e = bounceInUp;
var DEFAULT_DURATION$e = 1000;
function bounceInUpAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounceInUp', [
animations.transition('0 => 1', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(bounceInUp(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$e,
translate: (options && options.translate) || '3000px'
}
})
]);
}
function bounceInUpOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounceInUpOnEnter', [
animations.transition(':enter', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(bounceInUp(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$e,
translate: (options && options.translate) || '3000px'
}
})
]);
}
var bounceIn = function () { return animations.animation(animations.group([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ transform: 'scale3d(0.3, 0.3, 0.3)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
animations.style({ transform: 'scale3d(1.1, 1.1, 1.1)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.2 }),
animations.style({ transform: 'scale3d(0.9, 0.9, 0.9)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.4 }),
animations.style({ transform: 'scale3d(1.03, 1.03, 1.03)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
animations.style({ transform: 'scale3d(0.97, 0.97, 0.97)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.8 }),
animations.style({ transform: 'scale3d(1, 1, 1)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
])),
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ visibility: 'visible', opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0 }),
animations.style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 0.6 }),
animations.style({ opacity: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', offset: 1 })
]))
])); };
var ɵ0$f = bounceIn;
var DEFAULT_DURATION$f = 750;
function bounceInAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounceIn', [
animations.transition('0 => 1', __spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(bounceIn(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$f
}
})
]);
}
function bounceInOnEnterAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounceInOnEnter', [
animations.transition(':enter', animations.animation(__spread([animations.style({ visibility: 'hidden' })], useAnimationIncludingChildren(bounceIn(), options))), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$f
}
})
]);
}
var bounceOutDown = function () { return animations.animation(animations.group([
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0 }),
animations.style({ transform: 'translate3d(0, 10px, 0)', easing: 'ease', offset: 0.2 }),
animations.style({ transform: 'translate3d(0, -20px, 0)', easing: 'ease', offset: 0.4 }),
animations.style({ transform: 'translate3d(0, -20px, 0)', easing: 'ease', offset: 0.45 }),
animations.style({ transform: 'translate3d(0, {{translate}}, 0)', easing: 'ease', offset: 1 })
])),
animations.animate('{{duration}}ms {{delay}}ms', animations.keyframes([
animations.style({ opacity: 1, easing: 'ease', offset: 0 }),
animations.style({ opacity: 1, easing: 'ease', offset: 0.45 }),
animations.style({ opacity: 0, easing: 'ease', offset: 1 })
]))
])); };
var ɵ0$g = bounceOutDown;
var DEFAULT_DURATION$g = 1000;
function bounceOutDownAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounceOutDown', [
animations.transition('0 => 1', __spread(useAnimationIncludingChildren(bounceOutDown(), options)), {
params: {
delay: (options && options.delay) || 0,
duration: (options && options.duration) || DEFAULT_DURATION$g,
translate: (options && options.translate) || '2000px'
}
})
]);
}
function bounceOutDownOnLeaveAnimation(options) {
return animations.trigger((options && options.anchor) || 'bounceOutDownOnLeave', [
animations.transition(':leave', __spr