@juspay/svelte-ui-components 4.55.0 → 4.55.1

package/dist/_interaction/focus.d.ts

@@ -43,7 +43,8 @@ export declare function getFocusTrapBoundary(container: ParentNode | null): Focu
  * element focus should move to, or null when the default browser behavior
  * (move to the next/previous focusable element) should be left alone.
  *
- * Wrapping only happens exactly at an edge: focus sits on the last focusable
+ * An empty panel keeps focus on itself when it is already the active element.
+ * Otherwise wrapping only happens exactly at an edge: focus sits on the last focusable
  * element and Tab (not Shift+Tab) was pressed, or focus sits on the first and
  * Shift+Tab was pressed. Anywhere else in the middle of the tab order, the
  * browser's own handling is correct and this returns null.

package/dist/_interaction/focus.js

@@ -95,7 +95,8 @@ export function getFocusTrapBoundary(container) {
  * element focus should move to, or null when the default browser behavior
  * (move to the next/previous focusable element) should be left alone.
  *
- * Wrapping only happens exactly at an edge: focus sits on the last focusable
+ * An empty panel keeps focus on itself when it is already the active element.
+ * Otherwise wrapping only happens exactly at an edge: focus sits on the last focusable
  * element and Tab (not Shift+Tab) was pressed, or focus sits on the first and
  * Shift+Tab was pressed. Anywhere else in the middle of the tab order, the
  * browser's own handling is correct and this returns null.
@@ -103,7 +104,14 @@ export function getFocusTrapBoundary(container) {
 export function focusTrapTabTarget(params) {
     const { first, last } = getFocusTrapBoundary(params.container);
     if (first === null || last === null) {
-        return null;
+        // focusEntryPoint focuses the panel itself when it has no controls. Keep
+        // that panel, but never take focus from another (possibly nested) layer.
+        const active = params.activeElement;
+        return active === params.container &&
+            typeof HTMLElement === 'function' &&
+            active instanceof HTMLElement
+            ? active
+            : null;
     }
     const edge = params.shiftKey ? first : last;
     if (params.activeElement !== edge) {

package/dist-wc/index.js

@@ -7158,7 +7158,10 @@ function getFocusTrapBoundary(e) {
 }
 function focusTrapTabTarget(e) {
 	let { first: t, last: n } = getFocusTrapBoundary(e.container);
-	if (t === null || n === null) return null;
+	if (t === null || n === null) {
+		let t = e.activeElement;
+		return t === e.container && typeof HTMLElement == "function" && t instanceof HTMLElement ? t : null;
+	}
 	let i = e.shiftKey ? t : n;
 	return e.activeElement === i ? e.shiftKey ? n : t : null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "4.55.0",
+  "version": "4.55.1",
   "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
   "keywords": [
     "svelte",