Merge branch 'ACP2E-3061' of https://github.com/adobe-commerce-tier-4/magento2ce into T4-PR-06-14-2024

Author: chittima

lib/web/jquery/ui-modules/effects/effect-drop.js

@@ -1,68 +1,72 @@
 /*!
- * jQuery UI Effects Clip 1.13.2
+ * jQuery UI Effects Drop 1.13.2
  * http://jqueryui.com
  *
  * Copyright jQuery Foundation and other contributors
  * Released under the MIT license.
  * http://jquery.org/license
  */
 
-//>>label: Clip Effect
+//>>label: Drop Effect
 //>>group: Effects
-//>>description: Clips the element on and off like an old TV.
-//>>docs: http://api.jqueryui.com/clip-effect/
+//>>description: Moves an element in one direction and hides it at the same time.
+//>>docs: http://api.jqueryui.com/drop-effect/
 //>>demos: http://jqueryui.com/effect/
 
-( function( factory ) {
-    "use strict";
+(function (factory) {
+    'use strict';
 
-    if ( typeof define === "function" && define.amd ) {
+    if (typeof define === 'function' && define.amd) {
 
         // AMD. Register as an anonymous module.
-        define( [
-            "jquery",
-            "../version",
-            "../effect"
-        ], factory );
+        define([
+            'jquery',
+            '../version',
+            '../effect'
+        ], factory);
     } else {
 
         // Browser globals
-        factory( jQuery );
+        factory(jQuery);
     }
-} )( function( $ ) {
-    "use strict";
+})(function ($) {
+    'use strict';
 
-    return $.effects.define( "clip", "hide", function( options, done ) {
-        var start,
-            animate = {},
-            element = $( this ),
-            direction = options.direction || "vertical",
-            both = direction === "both",
-            horizontal = both || direction === "horizontal",
-            vertical = both || direction === "vertical";
+    return $.effects.define('drop', 'hide', function (options, done) {
 
-        start = element.cssClip();
-        animate.clip = {
-            top: vertical ? ( start.bottom - start.top ) / 2 : start.top,
-            right: horizontal ? ( start.right - start.left ) / 2 : start.right,
-            bottom: vertical ? ( start.bottom - start.top ) / 2 : start.bottom,
-            left: horizontal ? ( start.right - start.left ) / 2 : start.left
-        };
+        var distance,
+            element = $(this),
+            mode = options.mode,
+            show = mode === 'show',
+            direction = options.direction || 'left',
+            ref =  direction === 'up' || direction === 'down'  ? 'top' : 'left',
+            motion =  direction === 'up' || direction === 'left'  ? '-=' : '+=',
+            oppositeMotion =  motion === '+='  ? '-=' : '+=',
+            animation = {
+                opacity: 0
+            };
 
-        $.effects.createPlaceholder( element );
+        $.effects.createPlaceholder(element);
 
-        if ( options.mode === "show" ) {
-            element.cssClip( animate.clip );
-            animate.clip = start;
+        distance = options.distance ||
+		element[ ref === 'top' ? 'outerHeight' : 'outerWidth' ](true) / 2;
+
+        animation[ ref ] = motion + distance;
+
+        if (show) {
+            element.css(animation);
+
+            animation[ ref ] = oppositeMotion + distance;
+            animation.opacity = 1;
         }
 
-        element.animate( animate, {
+        // Animate
+        element.animate(animation, {
             queue: false,
             duration: options.duration,
             easing: options.easing,
             complete: done
-        } );
-
-    } );
+        });
+    });
 
-} );
+});