123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136 |
- 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
|