fix

2026-11-13 19:06:11 +03:00 · 2023-04-20 12:42:20 +03:00
parent 45bbc09077
commit 20eb79d955
5 changed files with 201 additions and 4 deletions
@@ -0,0 +1,62 @@
+/** @module makeCSSAnimations */
+kit.PluginManager.register('makeCSSAnimations', function(module, exports, require, global) {
+
+    var support = require('support');
+    var $ = require('jQuery');
+
+    var whichAnimationEvent = support.whichAnimationEvent();
+
+    /**
+     * @memberOf kit
+     * @param options {{container: jQuery, animationClass: string, stateClass: string, direction: 'fwd'|'back', before: null|function,  after: null|function}}
+     */
+    var makeCSSAnimations = function (options) {
+
+        var defaults = {
+            container: null,
+            animationClass: null,
+            stateClass: null,
+            before: null,
+            after: null,
+            direction: 'fwd' // 'back'
+        };
+
+        var settings = $.extend(defaults, options);
+
+        if (settings.before !== null && typeof settings.before === 'function') {
+            settings.before();
+        }
+
+        if (whichAnimationEvent) {
+
+            if (settings.direction === 'fwd') {
+                settings.container.addClass(settings.stateClass);
+            }
+
+            settings.container.addClass(settings.animationClass);
+
+            settings.container.one(whichAnimationEvent, function () {
+                settings.container.removeClass(settings.animationClass);
+                if (settings.direction === 'back') {
+                    settings.container.removeClass(settings.stateClass);
+                }
+                if (settings.after !== null && typeof settings.after === 'function') {
+                    settings.after();
+                }
+            });
+        } else {
+
+            if (settings.direction === 'fwd') {
+                settings.container.addClass(settings.stateClass);
+            } else if (settings.direction === 'back') {
+                settings.container.removeClass(settings.stateClass);
+            }
+
+            if (settings.after !== null && typeof settings.after === 'function') {
+                settings.after();
+            }
+        }
+    };
+
+    return module.exports = makeCSSAnimations;
+});