fix: respect animation:false option to disable modal animations

Fixes #1010 - Previously, setting animation to false had no effect because
the animation was hardcoded in CSS. This change:

- Adds 'animation' as a proper SwalOptions property (boolean, default: true)
- When animation is false, adds 'swal-modal--no-animation' class to modal
- CSS rule disables all animations when this class is present
- Removes deprecation warning for the animation option

Author: KushalLukhi

src/modules/init/modal.ts

@@ -35,11 +35,15 @@ const resetModalElement = (modal: Element): void => {
 const customizeModalElement = (modal: Element, opts: SwalOptions): void => {
   resetModalElement(modal);
 
-  const { className } = opts;
+  const { className, animation } = opts;
 
   if (className) {
     modal.classList.add(className);
   }
+
+  if (animation === false) {
+    modal.classList.add('swal-modal--no-animation');
+  }
 };
 
 /*

src/modules/options/deprecations.ts

@@ -83,7 +83,6 @@ export const DEPRECATED_OPTS: OptionReplacementsList = {
   'showLoaderOnConfirm': {
     replacement: 'buttons',
   },
-  'animation': {},
   'inputType': {
     replacement: 'content',
     link: '/docs/#content',

src/modules/options/index.ts

@@ -37,6 +37,7 @@ export interface SwalOptions {
   closeOnEsc: boolean,
   dangerMode: boolean,
   timer: number,
+  animation: boolean,
 };
 
 const defaultOpts: SwalOptions = {
@@ -50,6 +51,7 @@ const defaultOpts: SwalOptions = {
   closeOnEsc: true,
   dangerMode: false,
   timer: null,
+  animation: true,
 };
 
 /*

src/sweetalert.css

@@ -41,6 +41,10 @@
       animation: showSweetAlert 0.3s;
       will-change: transform;
     }
+
+    & .swal-modal.swal-modal--no-animation {
+      animation: none;
+    }
   }
 }
 
@@ -113,3 +117,14 @@ Target IE8-IE10 due to incompability with the css `pointer-event` property.
     visibility: hidden;
   }
 }
+
+/* Disable animation when animation option is false */
+.swal-overlay--show-modal .swal-modal.swal-modal--no-animation {
+  animation: none;
+}
+
+.swal-modal--no-animation .swal-icon--success__line,
+.swal-modal--no-animation .swal-icon--error__x-mark,
+.swal-modal--no-animation .swal-icon--warning {
+  animation: none;
+}