var __extends = (this && this.__extends) || (function () { var 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 function (d, b) { extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); import { Animation } from '../../animations/animation'; import { Transition } from '../../transitions/transition'; /** * Animations for loading */ var LoadingPopIn = (function (_super) { __extends(LoadingPopIn, _super); function LoadingPopIn() { return _super !== null && _super.apply(this, arguments) || this; } LoadingPopIn.prototype.init = function () { var ele = this.enteringView.pageRef().nativeElement; var backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop')); var wrapper = new Animation(this.plt, ele.querySelector('.loading-wrapper')); wrapper.fromTo('opacity', 0.01, 1).fromTo('scale', 1.1, 1); backdrop.fromTo('opacity', 0.01, 0.3); this .easing('ease-in-out') .duration(200) .add(backdrop) .add(wrapper); }; return LoadingPopIn; }(Transition)); export { LoadingPopIn }; var LoadingPopOut = (function (_super) { __extends(LoadingPopOut, _super); function LoadingPopOut() { return _super !== null && _super.apply(this, arguments) || this; } LoadingPopOut.prototype.init = function () { var ele = this.leavingView.pageRef().nativeElement; var backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop')); var wrapper = new Animation(this.plt, ele.querySelector('.loading-wrapper')); wrapper.fromTo('opacity', 0.99, 0).fromTo('scale', 1, 0.9); backdrop.fromTo('opacity', 0.3, 0); this .easing('ease-in-out') .duration(200) .add(backdrop) .add(wrapper); }; return LoadingPopOut; }(Transition)); export { LoadingPopOut }; var LoadingMdPopIn = (function (_super) { __extends(LoadingMdPopIn, _super); function LoadingMdPopIn() { return _super !== null && _super.apply(this, arguments) || this; } LoadingMdPopIn.prototype.init = function () { var ele = this.enteringView.pageRef().nativeElement; var backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop')); var wrapper = new Animation(this.plt, ele.querySelector('.loading-wrapper')); wrapper.fromTo('opacity', 0.01, 1).fromTo('scale', 1.1, 1); backdrop.fromTo('opacity', 0.01, 0.5); this .easing('ease-in-out') .duration(200) .add(backdrop) .add(wrapper); }; return LoadingMdPopIn; }(Transition)); export { LoadingMdPopIn }; var LoadingMdPopOut = (function (_super) { __extends(LoadingMdPopOut, _super); function LoadingMdPopOut() { return _super !== null && _super.apply(this, arguments) || this; } LoadingMdPopOut.prototype.init = function () { var ele = this.leavingView.pageRef().nativeElement; var backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop')); var wrapper = new Animation(this.plt, ele.querySelector('.loading-wrapper')); wrapper.fromTo('opacity', 0.99, 0).fromTo('scale', 1, 0.9); backdrop.fromTo('opacity', 0.5, 0); this .easing('ease-in-out') .duration(200) .add(backdrop) .add(wrapper); }; return LoadingMdPopOut; }(Transition)); export { LoadingMdPopOut }; var LoadingWpPopIn = (function (_super) { __extends(LoadingWpPopIn, _super); function LoadingWpPopIn() { return _super !== null && _super.apply(this, arguments) || this; } LoadingWpPopIn.prototype.init = function () { var ele = this.enteringView.pageRef().nativeElement; var backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop')); var wrapper = new Animation(this.plt, ele.querySelector('.loading-wrapper')); wrapper.fromTo('opacity', 0.01, 1).fromTo('scale', 1.3, 1); backdrop.fromTo('opacity', 0.01, 0.16); this .easing('cubic-bezier(0,0,0.05,1)') .duration(200) .add(backdrop) .add(wrapper); }; return LoadingWpPopIn; }(Transition)); export { LoadingWpPopIn }; var LoadingWpPopOut = (function (_super) { __extends(LoadingWpPopOut, _super); function LoadingWpPopOut() { return _super !== null && _super.apply(this, arguments) || this; } LoadingWpPopOut.prototype.init = function () { var ele = this.leavingView.pageRef().nativeElement; var backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop')); var wrapper = new Animation(this.plt, ele.querySelector('.loading-wrapper')); wrapper.fromTo('opacity', 0.99, 0).fromTo('scale', 1, 1.3); backdrop.fromTo('opacity', 0.16, 0); this .easing('ease-out') .duration(150) .add(backdrop) .add(wrapper); }; return LoadingWpPopOut; }(Transition)); export { LoadingWpPopOut }; //# sourceMappingURL=loading-transitions.js.map