first commit

2022-05-31 16:21:53 -04:00
commit f76abffdcd
5978 changed files with 1078901 additions and 0 deletions
@@ -0,0 +1,82 @@
+/* ------------------------------------------------------------------------------
+ *
+ *  # Velocity animations - basic examples
+ *
+ *  Demo JS code for animations_velocity_basic.html page
+ *
+ * ---------------------------------------------------------------------------- */
+
+
+// Setup module
+// ------------------------------
+
+var AnimationsVelocityBasic = function() {
+
+
+    //
+    // Setup module components
+    //
+
+    // Velocity basic
+    var _componentAnimationVelocityBasic = function() {
+        if (!$().velocity) {
+            console.warn('Warning - velocity.min.js is not loaded.');
+            return;
+        }
+
+        // Run basic animations
+        $('.velocity-property').on('click', function (e) {
+            e.preventDefault();
+            
+            // Get animation class and panel
+            var property = $(this).data('property');
+            var value = $(this).data('value');
+
+            var property2 = $(this).data('property2');
+            var value2 = $(this).data('value2');
+
+            var property3 = $(this).data('property3');
+            var value3 = $(this).data('value3');
+
+            // Add options
+            var animateMap = {},
+            animateOptions = {
+                easing: 'easeInOut',
+                duration: 250
+            };
+            animateMap[property] = value;
+            animateMap[property2] = value2;
+            animateMap[property3] = value3;
+
+
+            // Add animation class to panel element
+            $(this).parents('.demo-velocity-box')
+            .velocity(animateMap, animateOptions)
+            .velocity("reverse", {
+                delay: 1000,
+                complete: function() {
+                    $(this).removeAttr('style');
+                }
+            });
+        });
+    };
+
+
+    //
+    // Return objects assigned to module
+    //
+
+    return {
+        init: function() {
+            _componentAnimationVelocityBasic();
+        }
+    }
+}();
+
+
+// Initialize module
+// ------------------------------
+
+document.addEventListener('DOMContentLoaded', function() {
+    AnimationsVelocityBasic.init();
+});