animsition.js 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. (function (global, factory) {
  2. if (typeof define === "function" && define.amd) {
  3. define("/Plugin/animsition", ["exports", "jquery", "Plugin"], factory);
  4. } else if (typeof exports !== "undefined") {
  5. factory(exports, require("jquery"), require("Plugin"));
  6. } else {
  7. var mod = {
  8. exports: {}
  9. };
  10. factory(mod.exports, global.jQuery, global.Plugin);
  11. global.PluginAnimsition = mod.exports;
  12. }
  13. })(this, function (_exports, _jquery, _Plugin2) {
  14. "use strict";
  15. Object.defineProperty(_exports, "__esModule", {
  16. value: true
  17. });
  18. _exports.default = void 0;
  19. _jquery = babelHelpers.interopRequireDefault(_jquery);
  20. _Plugin2 = babelHelpers.interopRequireDefault(_Plugin2);
  21. var NAME = 'animsition';
  22. var Animsition =
  23. /*#__PURE__*/
  24. function (_Plugin) {
  25. babelHelpers.inherits(Animsition, _Plugin);
  26. function Animsition() {
  27. babelHelpers.classCallCheck(this, Animsition);
  28. return babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(Animsition).apply(this, arguments));
  29. }
  30. babelHelpers.createClass(Animsition, [{
  31. key: "getName",
  32. value: function getName() {
  33. return NAME;
  34. }
  35. }, {
  36. key: "render",
  37. value: function render(callback) {
  38. var options = this.options;
  39. if (options.random) {
  40. var li = options.inDefaults.length;
  41. var lo = options.outDefaults.length;
  42. var ni = parseInt(li * Math.random(), 0);
  43. var no = parseInt(lo * Math.random(), 0);
  44. options.inClass = options.inDefaults[ni];
  45. options.outClass = options.outDefaults[no];
  46. }
  47. this.$el.animsition(options);
  48. (0, _jquery.default)(".".concat(options.loadingClass)).addClass("loader-".concat(options.loadingType));
  49. if (this.$el.animsition('supportCheck', options)) {
  50. if (_jquery.default.isFunction(callback)) {
  51. this.$el.one('animsition.end', function () {
  52. callback.call();
  53. });
  54. }
  55. return true;
  56. }
  57. if (_jquery.default.isFunction(callback)) {
  58. callback.call();
  59. }
  60. return false;
  61. }
  62. }], [{
  63. key: "getDefaults",
  64. value: function getDefaults() {
  65. return {
  66. inClass: 'fade-in',
  67. outClass: 'fade-out',
  68. inDuration: 800,
  69. outDuration: 500,
  70. linkElement: '.animsition-link',
  71. loading: true,
  72. loadingParentElement: 'body',
  73. loadingClass: 'loader',
  74. loadingType: 'default',
  75. timeout: false,
  76. timeoutCountdown: 5000,
  77. onLoadEvent: true,
  78. browser: ['animation-duration', '-webkit-animation-duration'],
  79. overlay: false,
  80. // random: true,
  81. overlayClass: 'animsition-overlay-slide',
  82. overlayParentElement: 'body',
  83. inDefaults: ['fade-in', 'fade-in-up-sm', 'fade-in-up', 'fade-in-up-lg', 'fade-in-down-sm', 'fade-in-down', 'fade-in-down-lg', 'fade-in-left-sm', 'fade-in-left', 'fade-in-left-lg', 'fade-in-right-sm', 'fade-in-right', 'fade-in-right-lg', // 'overlay-slide-in-top', 'overlay-slide-in-bottom', 'overlay-slide-in-left', 'overlay-slide-in-right',
  84. 'zoom-in-sm', 'zoom-in', 'zoom-in-lg'],
  85. outDefaults: ['fade-out', 'fade-out-up-sm', 'fade-out-up', 'fade-out-up-lg', 'fade-out-down-sm', 'fade-out-down', 'fade-out-down-lg', 'fade-out-left-sm', 'fade-out-left', 'fade-out-left-lg', 'fade-out-right-sm', 'fade-out-right', 'fade-out-right-lg', // 'overlay-slide-out-top', 'overlay-slide-out-bottom', 'overlay-slide-out-left', 'overlay-slide-out-right'
  86. 'zoom-out-sm', 'zoom-out', 'zoom-out-lg']
  87. };
  88. }
  89. }]);
  90. return Animsition;
  91. }(_Plugin2.default);
  92. _Plugin2.default.register(NAME, Animsition);
  93. var _default = Animsition;
  94. _exports.default = _default;
  95. });