select-animation 1.2.1 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/select-animation.js +129 -57
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "select-animation",
3
- "version": "1.2.1",
3
+ "version": "1.2.2",
4
4
  "description": "High-performance JavaScript animation engine for organic & fluid motion",
5
5
  "main": "select-animation.js",
6
6
  "scripts": {
package/select-animation.js CHANGED
@@ -461,12 +461,21 @@
461
461
  // Standard easing definitions used by the animation engine.
462
462
  // -----------------------------
463
463
  const Easing = {
464
- linear: [function(e, n, t, a) { return t * e / a + n }, "linear"],
465
- quadin: [function(e, n, t, a) { return t * (e /= a) * e + n }, "quadout"],
466
- quadout: [function(e, n, t, a) { return -t * (e /= a) * (e - 2) + n }, "quadin"],
467
- quadinout: [function(e, n, t, a) { return (e /= a / 2) < 1 ? t / 2 * e * e + n : -t / 2 * (--e * (e - 2) - 1) + n }, "quadoutin"],
464
+ linear: [function(e, n, t, a) {
465
+ return t * e / a + n
466
+ }, "linear"],
467
+ quadin: [function(e, n, t, a) {
468
+ return t * (e /= a) * e + n
469
+ }, "quadout"],
470
+ quadout: [function(e, n, t, a) {
471
+ return -t * (e /= a) * (e - 2) + n
472
+ }, "quadin"],
473
+ quadinout: [function(e, n, t, a) {
474
+ return (e /= a / 2) < 1 ? t / 2 * e * e + n : -t / 2 * (--e * (e - 2) - 1) + n
475
+ }, "quadoutin"],
468
476
  quadoutin: [function(e, n, t, a) {
469
- let p = e / a, p0;
477
+ var p = e / a,
478
+ p0;
470
479
  if (p < 0.5) {
471
480
  p0 = 1 - 2 * p;
472
481
  return t * (0.5 * (1 - (p0 * p0))) + n;
@@ -475,11 +484,18 @@
475
484
  return t * (0.5 * (p0 * p0) + 0.5) + n;
476
485
  }
477
486
  }, "quadinout"],
478
- cubicin: [function(e, n, t, a) { return t * (e /= a) * e * e + n }, "cubicout"],
479
- cubicout: [function(e, n, t, a) { return t * ((e = e / a - 1) * e * e + 1) + n }, "cubicin"],
480
- cubicinout: [function(e, n, t, a) { return (e /= a / 2) < 1 ? t / 2 * e * e * e + n : t / 2 * ((e -= 2) * e * e + 2) + n }, "cubicoutin"],
487
+ cubicin: [function(e, n, t, a) {
488
+ return t * (e /= a) * e * e + n
489
+ }, "cubicout"],
490
+ cubicout: [function(e, n, t, a) {
491
+ return t * ((e = e / a - 1) * e * e + 1) + n
492
+ }, "cubicin"],
493
+ cubicinout: [function(e, n, t, a) {
494
+ return (e /= a / 2) < 1 ? t / 2 * e * e * e + n : t / 2 * ((e -= 2) * e * e + 2) + n
495
+ }, "cubicoutin"],
481
496
  cubicoutin: [function(e, n, t, a) {
482
- let p = e / a, p0;
497
+ var p = e / a,
498
+ p0;
483
499
  if (p < 0.5) {
484
500
  p0 = 1 - 2 * p;
485
501
  return t * (0.5 * (1 - (p0 * p0 * p0))) + n;
@@ -488,11 +504,18 @@
488
504
  return t * (0.5 * (p0 * p0 * p0) + 0.5) + n;
489
505
  }
490
506
  }, "cubicinout"],
491
- quartin: [function(e, n, t, a) { return t * (e /= a) * e * e * e + n }, "quartout"],
492
- quartout: [function(e, n, t, a) { return -t * ((e = e / a - 1) * e * e * e - 1) + n }, "quartin"],
493
- quartinout: [function(e, n, t, a) { return (e /= a / 2) < 1 ? t / 2 * e * e * e * e + n : -t / 2 * ((e -= 2) * e * e * e - 2) + n }, "quartoutin"],
507
+ quartin: [function(e, n, t, a) {
508
+ return t * (e /= a) * e * e * e + n
509
+ }, "quartout"],
510
+ quartout: [function(e, n, t, a) {
511
+ return -t * ((e = e / a - 1) * e * e * e - 1) + n
512
+ }, "quartin"],
513
+ quartinout: [function(e, n, t, a) {
514
+ return (e /= a / 2) < 1 ? t / 2 * e * e * e * e + n : -t / 2 * ((e -= 2) * e * e * e - 2) + n
515
+ }, "quartoutin"],
494
516
  quartoutin: [function(e, n, t, a) {
495
- let p = e / a, p0;
517
+ var p = e / a,
518
+ p0;
496
519
  if (p < 0.5) {
497
520
  p0 = 1 - 2 * p;
498
521
  return t * (0.5 * (1 - (p0 * p0 * p0 * p0))) + n;
@@ -501,11 +524,18 @@
501
524
  return t * (0.5 * (p0 * p0 * p0 * p0) + 0.5) + n;
502
525
  }
503
526
  }, "quartinout"],
504
- quintin: [function(e, n, t, a) { return t * (e /= a) * e * e * e * e + n }, "quintout"],
505
- quintout: [function(e, n, t, a) { return t * ((e = e / a - 1) * e * e * e * e + 1) + n }, "quintin"],
506
- quintinout: [function(e, n, t, a) { return (e /= a / 2) < 1 ? t / 2 * e * e * e * e * e + n : t / 2 * ((e -= 2) * e * e * e * e + 2) + n }, "quintoutin"],
527
+ quintin: [function(e, n, t, a) {
528
+ return t * (e /= a) * e * e * e * e + n
529
+ }, "quintout"],
530
+ quintout: [function(e, n, t, a) {
531
+ return t * ((e = e / a - 1) * e * e * e * e + 1) + n
532
+ }, "quintin"],
533
+ quintinout: [function(e, n, t, a) {
534
+ return (e /= a / 2) < 1 ? t / 2 * e * e * e * e * e + n : t / 2 * ((e -= 2) * e * e * e * e + 2) + n
535
+ }, "quintoutin"],
507
536
  quintoutin: [function(e, n, t, a) {
508
- let p = e / a, p0;
537
+ var p = e / a,
538
+ p0;
509
539
  if (p < 0.5) {
510
540
  p0 = 1 - 2 * p;
511
541
  return t * (0.5 * (1 - (p0 * p0 * p0 * p0 * p0))) + n;
@@ -514,11 +544,18 @@
514
544
  return t * (0.5 * (p0 * p0 * p0 * p0 * p0) + 0.5) + n;
515
545
  }
516
546
  }, "quintinout"],
517
- sinein: [function(e, n, t, a) { return -t * Math.cos(e / a * (Math.PI / 2)) + t + n }, "sineout"],
518
- sineout: [function(e, n, t, a) { return t * Math.sin(e / a * (Math.PI / 2)) + n }, "sinein"],
519
- sineinout: [function(e, n, t, a) { return -t / 2 * (Math.cos(Math.PI * e / a) - 1) + n }, "sineoutin"],
547
+ sinein: [function(e, n, t, a) {
548
+ return -t * Math.cos(e / a * (Math.PI / 2)) + t + n
549
+ }, "sineout"],
550
+ sineout: [function(e, n, t, a) {
551
+ return t * Math.sin(e / a * (Math.PI / 2)) + n
552
+ }, "sinein"],
553
+ sineinout: [function(e, n, t, a) {
554
+ return -t / 2 * (Math.cos(Math.PI * e / a) - 1) + n
555
+ }, "sineoutin"],
520
556
  sineoutin: [function(e, n, t, a) {
521
- let p = e / a, p0;
557
+ var p = e / a,
558
+ p0;
522
559
  if (p < 0.5) {
523
560
  p0 = 1 - 2 * p;
524
561
  return t * (0.5 * (1 - (1 - Math.cos(p0 * Math.PI / 2)))) + n;
@@ -527,14 +564,24 @@
527
564
  return t * (0.5 * (1 - Math.cos(p0 * Math.PI / 2)) + 0.5) + n;
528
565
  }
529
566
  }, "sineinout"],
530
- expoin: [function(e, n, t, a) { return 0 === e ? n : t * Math.pow(2, 10 * (e / a - 1)) + n }, "expoout"],
531
- expoout: [function(e, n, t, a) { return e === a ? n + t : t * (1 - Math.pow(2, -10 * e / a)) + n }, "expoin"],
532
- expoinout: [function(e, n, t, a) { return 0 === e ? n : e === a ? n + t : (e /= a / 2) < 1 ? t / 2 * Math.pow(2, 10 * (e - 1)) + n : t / 2 * (2 - Math.pow(2, -10 * --e)) + n }, "expooutin"],
567
+ expoin: [function(e, n, t, a) {
568
+ return 0 == e ? n : t * Math.pow(2, 10 * (e / a - 1)) + n
569
+ }, "expoout"],
570
+ expoout: [function(e, n, t, a) {
571
+ return e == a ? n + t : t * (1 - Math.pow(2, -10 * e / a)) + n
572
+ }, "expoin"],
573
+ expoinout: [function(e, n, t, a) {
574
+ return 0 == e ? n : e == a ? n + t : (e /= a / 2) < 1 ? t / 2 * Math.pow(2, 10 * (e - 1)) + n : t / 2 * (2 - Math.pow(2, -10 * --e)) + n
575
+ }, "expooutin"],
533
576
  expooutin: [function(e, n, t, a) {
534
- let p = e / a, p0;
535
- if (p === 0) return n;
536
- else if (p === 1) return n + t;
537
- else if (p < 0.5) {
577
+ var p = e / a,
578
+ p0;
579
+ if (p == 0) {
580
+ return n;
581
+ } else if (p == 1) {
582
+ return n + t;
583
+ } else
584
+ if (p < 0.5) {
538
585
  p0 = 1 - 2 * p;
539
586
  return t * (0.5 * (1 - (Math.pow(2, 10 * (p0 - 1))))) + n;
540
587
  } else {
@@ -542,11 +589,18 @@
542
589
  return t * (0.5 * (Math.pow(2, 10 * (p0 - 1))) + 0.5) + n;
543
590
  }
544
591
  }, "expoinout"],
545
- circin: [function(e, n, t, a) { return -t * (Math.sqrt(1 - (e /= a) * e) - 1) + n }, "circout"],
546
- circout: [function(e, n, t, a) { return t * Math.sqrt(1 - (e = e / a - 1) * e) + n }, "circin"],
547
- circinout: [function(e, n, t, a) { return (e /= a / 2) < 1 ? -t / 2 * (Math.sqrt(1 - e * e) - 1) + n : t / 2 * (Math.sqrt(1 - (e -= 2) * e) + 1) + n }, "circoutin"],
592
+ circin: [function(e, n, t, a) {
593
+ return -t * (Math.sqrt(1 - (e /= a) * e) - 1) + n
594
+ }, "circout"],
595
+ circout: [function(e, n, t, a) {
596
+ return t * Math.sqrt(1 - (e = e / a - 1) * e) + n
597
+ }, "circin"],
598
+ circinout: [function(e, n, t, a) {
599
+ return (e /= a / 2) < 1 ? -t / 2 * (Math.sqrt(1 - e * e) - 1) + n : t / 2 * (Math.sqrt(1 - (e -= 2) * e) + 1) + n
600
+ }, "circoutin"],
548
601
  circoutin: [function(e, n, t, a) {
549
- let p = e / a, p0;
602
+ var p = e / a,
603
+ p0;
550
604
  if (p < 0.5) {
551
605
  p0 = 1 - 2 * p;
552
606
  return t * (0.5 * Math.sqrt(1 - p0 * p0)) + n;
@@ -556,22 +610,31 @@
556
610
  }
557
611
  }, "circinout"],
558
612
  elasticin: [function(e, n, t, a) {
559
- let c = 1.70158, b = 0, r = t;
560
- return 0 === e ? n : 1 === (e /= a) ? n + t : (b = b || .3 * a, c = r < Math.abs(t) ? (r = t, b / 4) : b / (2 * Math.PI) * Math.asin(t / r), -(r * Math.pow(2, 10 * --e) * Math.sin((e * a - c) * (2 * Math.PI) / b)) + n)
613
+ var c = 1.70158,
614
+ b = 0,
615
+ r = t;
616
+ return 0 == e ? n : 1 == (e /= a) ? n + t : (b = b || .3 * a, c = r < Math.abs(t) ? (r = t, b / 4) : b / (2 * Math.PI) * Math.asin(t / r), -(r * Math.pow(2, 10 * --e) * Math.sin((e * a - c) * (2 * Math.PI) / b)) + n)
561
617
  }, "elasticout"],
562
618
  elasticout: [function(e, n, t, a) {
563
- let c = 1.70158, b = 0, r = t;
564
- return 0 === e ? n : 1 === (e /= a) ? n + t : (b = b || .3 * a, c = r < Math.abs(t) ? (r = t, b / 4) : b / (2 * Math.PI) * Math.asin(t / r), r * Math.pow(2, -10 * e) * Math.sin((e * a - c) * (2 * Math.PI) / b) + t + n)
619
+ var c = 1.70158,
620
+ b = 0,
621
+ r = t;
622
+ return 0 == e ? n : 1 == (e /= a) ? n + t : (b = b || .3 * a, c = r < Math.abs(t) ? (r = t, b / 4) : b / (2 * Math.PI) * Math.asin(t / r), r * Math.pow(2, -10 * e) * Math.sin((e * a - c) * (2 * Math.PI) / b) + t + n)
565
623
  }, "elasticin"],
566
624
  elasticinout: [function(e, n, t, a) {
567
- let c = 1.70158, b = 0, r = t;
568
- return 0 === e ? n : 2 === (e /= a / 2) ? n + t : (b = b || a * (.3 * 1.5), c = r < Math.abs(t) ? (r = t, b / 4) : b / (2 * Math.PI) * Math.asin(t / r), e < 1 ? r * Math.pow(2, 10 * --e) * Math.sin((e * a - c) * (2 * Math.PI) / b) * -.5 + n : r * Math.pow(2, -10 * --e) * Math.sin((e * a - c) * (2 * Math.PI) / b) * .5 + t + n)
625
+ var c = 1.70158,
626
+ b = 0,
627
+ r = t;
628
+ return 0 == e ? n : 2 == (e /= a / 2) ? n + t : (b = b || a * (.3 * 1.5), c = r < Math.abs(t) ? (r = t, b / 4) : b / (2 * Math.PI) * Math.asin(t / r), e < 1 ? r * Math.pow(2, 10 * --e) * Math.sin((e * a - c) * (2 * Math.PI) / b) * -.5 + n : r * Math.pow(2, -10 * --e) * Math.sin((e * a - c) * (2 * Math.PI) / b) * .5 + t + n)
569
629
  }, "elasticoutin"],
570
630
  elasticoutin: [function(e, n, t, a) {
571
- let p = e / a, p0;
572
- if (p === 0) return n;
573
- else if (p === 1) return t + n;
574
-
631
+ var p = e / a,
632
+ p0;
633
+ if (p === 0) {
634
+ return n;
635
+ } else if (p === 1) {
636
+ return t + n;
637
+ }
575
638
  if (p < 0.5) {
576
639
  p0 = 1 - 2 * p;
577
640
  return t * (0.5 * (1 - (-Math.pow(2, 8 * (p0 - 1)) * Math.sin(((p0 - 1) * 80 - 7.5) * Math.PI / 15)))) + n;
@@ -580,14 +643,19 @@
580
643
  return t * (0.5 * (-Math.pow(2, 8 * (p0 - 1)) * Math.sin(((p0 - 1) * 80 - 7.5) * Math.PI / 15)) + 0.5) + n
581
644
  }
582
645
  }, "elasticinout"],
583
- backin: [function(e, n, t, a) { return t * (e /= a) * e * (2.70158 * e - 1.70158) + n }, "backout"],
584
- backout: [function(e, n, t, a) { return t * ((e = e / a - 1) * e * (2.70158 * e + 1.70158) + 1) + n }, "backin"],
646
+ backin: [function(e, n, t, a) {
647
+ return t * (e /= a) * e * (2.70158 * e - 1.70158) + n
648
+ }, "backout"],
649
+ backout: [function(e, n, t, a) {
650
+ return t * ((e = e / a - 1) * e * (2.70158 * e + 1.70158) + 1) + n
651
+ }, "backin"],
585
652
  backinout: [function(e, n, t, a) {
586
- let c = 1.70158;
653
+ var c = 1.70158;
587
654
  return (e /= a / 2) < 1 ? t / 2 * (e * e * ((1 + (c *= 1.525)) * e - c)) + n : t / 2 * ((e -= 2) * e * ((1 + (c *= 1.525)) * e + c) + 2) + n
588
655
  }, "backoutin"],
589
656
  backoutin: [function(e, n, t, a) {
590
- let p = e / a, p0;
657
+ var p = e / a,
658
+ p0;
591
659
  if (p < 0.5) {
592
660
  p0 = 1 - 2 * p;
593
661
  return t * (0.5 * (1 - p0 * p0 * (3 * p0 - 2))) + n;
@@ -596,7 +664,9 @@
596
664
  return t * (0.5 * p0 * p0 * (3 * p0 - 2) + 0.5) + n;
597
665
  }
598
666
  }, "backinout"],
599
- bouncein: [function(e, n, t, a) { return t - Easing.bounceout[0](a - e, 0, t, a) + n }, "bounceout"],
667
+ bouncein: [function(e, n, t, a) {
668
+ return t - Easing.bounceout[0](a - e, 0, t, a) + n
669
+ }, "bounceout"],
600
670
  bounceout: [function(e, n, t, a) {
601
671
  return (e /= a) < 1 / 2.75 ? t * (7.5625 * e * e) + n : e < 2 / 2.75 ? t * (7.5625 * (e -= 1.5 / 2.75) * e + .75) + n : e < 2.5 / 2.75 ? t * (7.5625 * (e -= 2.25 / 2.75) * e + .9375) + n : t * (7.5625 * (e -= 2.625 / 2.75) * e + .984375) + n
602
672
  }, "bouncein"],
@@ -604,7 +674,8 @@
604
674
  return e < a / 2 ? .5 * Easing.bouncein[0](2 * e, 0, t, a) + n : .5 * Easing.bounceout[0](2 * e - a, 0, t, a) + .5 * t + n
605
675
  }, "bounceoutin"],
606
676
  bounceoutin: [function(e, n, t, a) {
607
- let p = e / a, p0, pow2, bounce = 4;
677
+ var p = e / a,
678
+ p0, pow2, bounce = 4;
608
679
  if (p < 0.5) {
609
680
  p0 = 1 - 2 * p;
610
681
  while (p0 < ((pow2 = Math.pow(2, --bounce)) - 1) / 11) {}
@@ -612,27 +683,28 @@
612
683
  } else {
613
684
  p0 = p * 2 - 1;
614
685
  while (p0 < ((pow2 = Math.pow(2, --bounce)) - 1) / 11) {}
615
- return t * (0.5 * (1 / Math.pow(4, 3 - bounce) - 7.5625 * Math.pow((pow2 * 3 - 2) / 22 - p0, 2) + 0.5)) + n;
686
+ return t * (0.5 * (1 / Math.pow(4, 3 - bounce) - 7.5625 * Math.pow((pow2 * 3 - 2) / 22 - p0, 2)) + 0.5) + n;
616
687
  }
617
688
  }, "bounceinout"],
618
689
  vibration: [function(e, n, t, a, c) {
619
690
  return n + (t - n) / 2 + Math.sin(e * Math.PI / (a / c.vibrationStep) + 3 * Math.PI / 2) * (t - n) / 2
620
691
  }, "vibration"],
621
- cubicbezier: [function(e, n, t, a, c, idx) {
622
- let q = 1, qq = 0, sol;
623
- if (c.impair && (c.boucleType === "returnRepeat" || c.boucleType === "repeatReturn")) {
624
- q = -1; qq = 1;
692
+ cubicbezier: [function(e, n, t, a, c) {
693
+ var q = 1,
694
+ qq = 0,
695
+ sol;
696
+ if (c.impair && (c.boucleType == "returnRepeat" || c.boucleType == "repeatReturn")) {
697
+ q = -1, qq = 1;
625
698
  }
626
- let b = e / a, r = 1 - b,
699
+ var b = e / a,
700
+ r = 1 - b,
627
701
  l = Number(q * c.cubicbezier[0] + qq),
628
702
  o = Number(q * c.cubicbezier[2] + qq);
629
-
630
703
  if ((sol = solveCubic(3 * l - 3 * o + 1, 0 - 6 * l + 3 * o, 3 * l, 0 - b))) {
631
704
  b = sol;
632
705
  r = 1 - b;
633
706
  }
634
- let y = (r = 1 - b) * r * r * 0 + 3 * r * r * b * Number(q * c.cubicbezier[1] + qq) + 3 * r * b * b * Number(q * c.cubicbezier[3] + qq) + b * b * b * 1;
635
- return n + y * t;
707
+ return y = (r = 1 - b) * r * r * 0 + 3 * r * r * b * Number(q * c.cubicbezier[1] + qq) + 3 * r * b * b * Number(q * c.cubicbezier[3] + qq) + b * b * b * 1, n + y * t
636
708
  }, "cubicbezier"]
637
709
  };
638
710