10 examples of 'browseranimationsmodule import' in JavaScript

77
function _createAnimation(animationName: string, animationDuration: string, animationTimingFunction: string): string {
78
  return `${animationName} ${animationDuration} ${animationTimingFunction}`;
79
}

58
;(function animation () {
59
    setTimeout(() => {
60
        if ($slingshotGrid.hasClass('active')) {
61
            $slingshotGrid.addClass('previous')
62
            $slingshotGrid.removeClass('active')
63
            $slingshotCategories.removeClass('next')
64
            $slingshotCategories.addClass('active')
65
            $slingshotCategoriesBtn.addClass('active')
66
            $slingshotGridButton.removeClass('active')
67
        } else if ($slingshotCategories.hasClass('active')) {
68
            $slingshotCategories.addClass('previous')
69
            $slingshotCategories.removeClass('active')
70
            $slingshotSearch.removeClass('next')
71
            $slingshotSearch.addClass('active')
72
            $slingshotClearIcon.removeClass('inactive')
73
            $slingshotSearchTerm.removeClass('inactive')
74
            $searchOne.addClass('active')
75
            setTimeout(function () {
76
                $searchOne.removeClass('active')
77
                $searchTwo.addClass('active')
78
            }, 700)
79
            setTimeout(function () {
80
                $searchTwo.removeClass('active')
81
                $searchThree.addClass('active')
82
            }, 1200)
83
            $searchThree.removeClass('active')
84
            $slingshotLinked.addClass('inactive')
85
            $slingshotEntry.addClass('expanded')
86
        } else if ($slingshotSearch.hasClass('active')) {
87
            $slingshotSearch.addClass('next')
88
            $slingshotSearch.removeClass('active')
89
            $slingshotGrid.removeClass('previous')
90
            $slingshotGrid.addClass('active')
91
            $slingshotCategories.addClass('next')
92
            $slingshotCategories.removeClass('previous')
93
            $slingshotAreas1.addClass('inactive')
94
            $slingshotLinked.removeClass('inactive')
95
            $slingshotEntry.removeClass('expanded')
96
            $slingshotGridButton.addClass('active')
97
            $slingshotCategoriesBtn.removeClass('active')
98
        }
99
        requestAnimationFrame(animation)
100
    }, 3000)
101
})()

83
function Animation (name, frames) {
84
  this.name = name
85
  this.frames = frames
86
  this.frame = 0
87
88
  this.run = () => {
89
    this.frame += 1
90
    return this.frames[this.frame % this.frames.length]
91
  }
92
}

116
get _AnimationDriver_23():any {
117
  if ((this.__AnimationDriver_23 == null)) { (this.__AnimationDriver_23 = import4.ɵb()); }
118
  return this.__AnimationDriver_23;
119
}

181
animateLoader: function animateLoader() {
182
	this.cache.$editorPanelButton.addClass('qazana-animate');
183
},

7
export default function iosEnterAnimation(Animation: Animation, baseEl: HTMLElement): Promise {
8
  const baseAnimation = new Animation();
9
10
  const backdropAnimation = new Animation();
11
  backdropAnimation.addElement(baseEl.querySelector('ion-backdrop'));
12
13
  const wrapperAnimation = new Animation();
14
  wrapperAnimation.addElement(baseEl.querySelector('.loading-wrapper'));
15
16
  backdropAnimation.fromTo('opacity', 0.01, 0.3);
17
18
  wrapperAnimation.fromTo('opacity', 0.01, 1)
19
                  .fromTo('scale', 1.1, 1);
20
21
  return Promise.resolve(baseAnimation
22
    .addElement(baseEl)
23
    .easing('ease-in-out')
24
    .duration(200)
25
    .add(backdropAnimation)
26
    .add(wrapperAnimation));
27
}

3
function _Animation (model, t, n) {
4
  function i (t, n, o, r) {
5
    if (!t || !t.cancelled) {
6
      o(n)
7
      var a = model.done()
8
      a ||
9
        t.cancelled ||
10
        (t.id = requestAnimationFrame(i.bind(null, t, n, o, r))),
11
      a && r && r(n)
12
    }
13
  }
14
15
  function cancelAnimation (e) {
16
    e && e.id && cancelAnimationFrame(e.id)
17
    e && (e.cancelled = !0)
18
  }
19
20
  var r = {
21
    id: 0,
22
    cancelled: !1
23
  }
24
25
  i(r, model, t, n)
26
27
  return {
28
    cancel: cancelAnimation.bind(null, r),
29
    model: model
30
  }
31
}

80
function Animation_Animate$00 (time) {
81
  var $temp00;
82
  var animMode = (this._animMode | 0);
83
  if (animMode !== 0) {
84
    if (animMode !== 1) {
85
      if (+this._time >= +this._maxDuration) {
86
        this._time = 0;
87
      }
88
    } else {
89
      var flag2 = ((+this._time + +time) > +this._maxDuration) || 
90
      ((+this._time + +time) < 0);
91
      if (flag2) {
92
        this._direction = !this._direction;
93
      }
94
    }
95
  } else {
96
    if (+this._time >= +this._maxDuration) {
97
      this._time = 0;
98
    }
99
  }
100
  var direction = this._direction;
101
  if (direction) {
102
    this._time = +this._time + +time;
103
  } else {
104
    this._time = +this._time - +time;
105
  }
106
107
  for (var a$0 = this._channels._items, i$0 = 0, l$0 = (this._channels._size | 0); i$0 < l$0; ($temp00 = i$0, 
108
      i$0 = ((i$0 + 1) | 0), 
109
      $temp00)) {
110
    var current = a$0[i$0];
111
    current.SetTick(this._time);
112
  }
113
  (this._animHandler).Execute();
114
};

232
private loadAnimation(): Promise {
233
  // Menu swipe animation takes the menu's inner width as parameter,
234
  // If `offsetWidth` changes, we need to create a new animation.
235
  const width = this.menuInnerEl.offsetWidth;
236
  if (width === this.width && this.animation !== null) {
237
    return Promise.resolve();
238
  }
239
  // Destroy existing animation
240
  if (this.animation) {
241
    this.animation.destroy();
242
    this.animation = null;
243
  }
244
  this.width = width;
245
246
  // Create new animation
247
  return this.menuCtrl.createAnimation(this.type, this).then(ani => {
248
    this.animation = ani;
249
  });
250
}

37
Animator.prototype.animate = function animate(element, className, options) {
38
  return Promise.resolve(false);
39
};