Release v2.2.3

Author: GrimLink

CHANGELOG.md

@@ -6,14 +6,21 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
-[Unreleased]: https://github.com/fylgja/alpinejs-dialog/compare/v2.2.2...HEAD
+[Unreleased]: https://github.com/fylgja/alpinejs-dialog/compare/v2.2.3...HEAD
+
+## [2.2.3] - 2025-10-16
+[2.2.3]: https://github.com/fylgja/alpinejs-dialog/compare/v2.2.2...v2.2.3
+
+### Fixed
+
+- Missing closeBy logic for escape key event
 
 ## [2.2.2] - 2025-10-16
 [2.2.2]: https://github.com/fylgja/alpinejs-dialog/compare/v2.2.1...v2.2.2
 
 ### Fixed
 
-- Escape key still triggering the native close event.
+- Escape key still triggering the native close event
 
 ## [2.2.1] - 2025-10-09
 [2.2.1]: https://github.com/fylgja/alpinejs-dialog/compare/v2.2.0...v2.2.1

dist/index.cjs

@@ -51,14 +51,13 @@ function dialog_default(Alpine) {
       }
     }
     function escapeDialog(event) {
-      if (event.key !== "Escape")
-        return;
+      if (event.key !== "Escape") return;
       event.preventDefault();
+      if (closeBy === "none") return;
       evaluate();
     }
     function handleCloseByEvent(event) {
-      if (event.target !== el)
-        return;
+      if (event.target !== el) return;
       const rect = el.getBoundingClientRect();
       const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
       if (!isInDialog) {
@@ -74,14 +73,12 @@ function dialog_default(Alpine) {
       evaluate();
     }
     function open() {
-      if (el.hasAttribute("open"))
-        return;
+      if (el.hasAttribute("open")) return;
       el.showModal();
       scrollLock(lockPageScroll);
     }
     function close() {
-      if (!el.hasAttribute("open"))
-        return;
+      if (!el.hasAttribute("open")) return;
       el.close();
       scrollLock(false);
     }
@@ -101,11 +98,9 @@ function dialog_default(Alpine) {
   }
 }
 function modifierValue(modifiers, key, fallback) {
-  if (modifiers.indexOf(key) === -1)
-    return fallback;
+  if (modifiers.indexOf(key) === -1) return fallback;
   const rawValue = modifiers[modifiers.indexOf(key) + 1];
-  if (!rawValue)
-    return fallback;
+  if (!rawValue) return fallback;
   if (key === "closeby") {
     const allowedValues = ["auto", "none", "closerequest", "any"];
     const options = allowedValues.join(", ");
@@ -121,5 +116,3 @@ function modifierValue(modifiers, key, fallback) {
 
 // src/module.js
 var module_default = dialog_default;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

dist/index.js

@@ -26,14 +26,13 @@
         }
       }
       function escapeDialog(event) {
-        if (event.key !== "Escape")
-          return;
+        if (event.key !== "Escape") return;
         event.preventDefault();
+        if (closeBy === "none") return;
         evaluate();
       }
       function handleCloseByEvent(event) {
-        if (event.target !== el)
-          return;
+        if (event.target !== el) return;
         const rect = el.getBoundingClientRect();
         const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
         if (!isInDialog) {
@@ -49,14 +48,12 @@
         evaluate();
       }
       function open() {
-        if (el.hasAttribute("open"))
-          return;
+        if (el.hasAttribute("open")) return;
         el.showModal();
         scrollLock(lockPageScroll);
       }
       function close() {
-        if (!el.hasAttribute("open"))
-          return;
+        if (!el.hasAttribute("open")) return;
         el.close();
         scrollLock(false);
       }
@@ -76,11 +73,9 @@
     }
   }
   function modifierValue(modifiers, key, fallback) {
-    if (modifiers.indexOf(key) === -1)
-      return fallback;
+    if (modifiers.indexOf(key) === -1) return fallback;
     const rawValue = modifiers[modifiers.indexOf(key) + 1];
-    if (!rawValue)
-      return fallback;
+    if (!rawValue) return fallback;
     if (key === "closeby") {
       const allowedValues = ["auto", "none", "closerequest", "any"];
       const options = allowedValues.join(", ");

dist/index.min.js

@@ -25,14 +25,13 @@ function dialog_default(Alpine) {
       }
     }
     function escapeDialog(event) {
-      if (event.key !== "Escape")
-        return;
+      if (event.key !== "Escape") return;
       event.preventDefault();
+      if (closeBy === "none") return;
       evaluate();
     }
     function handleCloseByEvent(event) {
-      if (event.target !== el)
-        return;
+      if (event.target !== el) return;
       const rect = el.getBoundingClientRect();
       const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
       if (!isInDialog) {
@@ -48,14 +47,12 @@ function dialog_default(Alpine) {
       evaluate();
     }
     function open() {
-      if (el.hasAttribute("open"))
-        return;
+      if (el.hasAttribute("open")) return;
       el.showModal();
       scrollLock(lockPageScroll);
     }
     function close() {
-      if (!el.hasAttribute("open"))
-        return;
+      if (!el.hasAttribute("open")) return;
       el.close();
       scrollLock(false);
     }
@@ -75,11 +72,9 @@ function dialog_default(Alpine) {
   }
 }
 function modifierValue(modifiers, key, fallback) {
-  if (modifiers.indexOf(key) === -1)
-    return fallback;
+  if (modifiers.indexOf(key) === -1) return fallback;
   const rawValue = modifiers[modifiers.indexOf(key) + 1];
-  if (!rawValue)
-    return fallback;
+  if (!rawValue) return fallback;
   if (key === "closeby") {
     const allowedValues = ["auto", "none", "closerequest", "any"];
     const options = allowedValues.join(", ");

dist/index.mjs

@@ -1,6 +1,6 @@
 {
   "name": "@fylgja/alpinejs-dialog",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "Bring the power of AlpineJs to the HTML dialog",
   "homepage": "https://fylgja.dev/",
   "author": "Fylgja",

package-lock.json

@@ -51,6 +51,8 @@ export default function (Alpine) {
         function escapeDialog(event) {
             if (event.key !== "Escape") return;
             event.preventDefault();
+
+            if (closeBy === "none") return;
             evaluate();
         }