sweetalert2 11.26.2 → 11.26.4

package/src/types.js

@@ -26,6 +26,7 @@
  * @property {boolean} [keydownHandlerAdded]
  * @property {boolean} [keydownListenerCapture]
  * @property {() => void} [swalCloseEventFinishedCallback]
+ * @property {boolean} [isRTL]
  */
 
 /**

package/src/utils/dom/init.js

@@ -118,6 +118,7 @@ const setupAccessibility = (params) => {
 const setupRTL = (targetElement) => {
   if (window.getComputedStyle(targetElement).direction === 'rtl') {
     addClass(getContainer(), swalClasses.rtl)
+    globalState.isRTL = true
   }
 }
 

package/src/utils/draggable.js

@@ -1,3 +1,4 @@
+import globalState from '../globalState.js'
 import * as dom from './dom/index.js'
 
 let dragging = false
@@ -57,7 +58,9 @@ const move = (event) => {
 
   if (dragging) {
     let { clientX, clientY } = getClientXY(event)
-    popup.style.insetInlineStart = `${initialX + (clientX - mousedownX)}px`
+    const deltaX = clientX - mousedownX
+    // In RTL mode, negate the horizontal delta since insetInlineStart refers to the right edge
+    popup.style.insetInlineStart = `${initialX + (globalState.isRTL ? -deltaX : deltaX)}px`
     popup.style.insetBlockStart = `${initialY + (clientY - mousedownY)}px`
   }
 }

package/sweetalert2.d.ts

@@ -322,14 +322,14 @@ declare module 'sweetalert2' {
     function argsToParams(params: SweetAlertArrayOptions | readonly [SweetAlertOptions]): SweetAlertOptions
 
     /**
-     * An enum of possible reasons that can explain an alert dismissal.
-     */
-    enum DismissReason {
-      cancel,
-      backdrop,
-      close,
-      esc,
-      timer,
+     * An object of possible reasons that can explain an alert dismissal.
+     */
+    const DismissReason: {
+      readonly cancel: 'cancel'
+      readonly backdrop: 'backdrop'
+      readonly close: 'close'
+      readonly esc: 'esc'
+      readonly timer: 'timer'
     }
 
     /**