@agnos-ui/core 0.0.1-alpha.7 → 0.0.1-alpha.9

package/components/modal/modal.js

@@ -24,12 +24,12 @@ const defaultConfig = {
     ariaCloseButtonLabel: 'Close',
     backdrop: true,
     backdropClass: '',
-    backdropTransition: fadeTransition,
+    backdropTransition: fadeTransition, // TODO: is it ok to depend on bootstrap transition?
     closeButton: true,
     closeOnOutsideClick: true,
     container: typeof window !== 'undefined' ? document.body : null,
     className: '',
-    modalTransition: fadeTransition,
+    modalTransition: fadeTransition, // TODO: is it ok to depend on bootstrap transition?
     onBeforeClose: noop,
     onVisibleChange: noop,
     onHidden: noop,

package/package.json

@@ -54,7 +54,7 @@
 		"@floating-ui/dom": "*"
 	},
 	"sideEffects": false,
-	"version": "0.0.1-alpha.7",
+	"version": "0.0.1-alpha.9",
 	"homepage": "https://amadeusitgroup.github.io/AgnosUI/latest/",
 	"bugs": "https://github.com/AmadeusITGroup/AgnosUI/issues",
 	"license": "MIT",

package/services/focustrack.js

@@ -12,11 +12,11 @@ export const activeElement$ = readable(null, {
         function onFocusOut() {
             setTimeout(setActiveElement);
         }
-        container.addEventListener(evtFocusIn, setActiveElement);
-        container.addEventListener(evtFocusOut, onFocusOut);
+        container.addEventListener(evtFocusIn, setActiveElement, { capture: true });
+        container.addEventListener(evtFocusOut, onFocusOut, { capture: true });
         return () => {
-            container.removeEventListener(evtFocusIn, setActiveElement);
-            container.removeEventListener(evtFocusOut, onFocusOut);
+            container.removeEventListener(evtFocusIn, setActiveElement, { capture: true });
+            container.removeEventListener(evtFocusOut, onFocusOut, { capture: true });
         };
     },
     equal: Object.is,

package/services/navManager.d.ts

@@ -72,6 +72,12 @@ export declare const createNavManager: () => {
     focusFirst: ({ event }?: {
         event?: KeyboardEvent | undefined;
     }) => HTMLElement | null;
+    focusFirstLeft: (args_0?: {
+        event?: KeyboardEvent | undefined;
+    } | undefined) => HTMLElement | null;
+    focusFirstRight: (args_0?: {
+        event?: KeyboardEvent | undefined;
+    } | undefined) => HTMLElement | null;
     focusLast: ({ event }?: {
         event?: KeyboardEvent | undefined;
     }) => HTMLElement | null;

package/services/navManager.js

@@ -152,6 +152,8 @@ export const createNavManager = () => {
     const focusLast = ({ event } = {}) => preventDefaultIfRelevant(focusIndex(elementsInDomOrder$().length - 1, -1), event);
     const focusLeft = (...args) => (ancestorDirection() === 'rtl' ? focusNext : focusPrevious)(...args);
     const focusRight = (...args) => (ancestorDirection() === 'rtl' ? focusPrevious : focusNext)(...args);
+    const focusFirstLeft = (...args) => (ancestorDirection() === 'rtl' ? focusLast : focusFirst)(...args);
+    const focusFirstRight = (...args) => (ancestorDirection() === 'rtl' ? focusFirst : focusLast)(...args);
     const navManager = {
         elementsInDomOrder$,
         directive,
@@ -159,6 +161,8 @@ export const createNavManager = () => {
         focusPrevious,
         focusNext,
         focusFirst,
+        focusFirstLeft,
+        focusFirstRight,
         focusLast,
         focusLeft,
         focusRight,