@agnos-ui/core 0.9.3 → 0.10.0-next.0

package/{select-C0rJJQfl.cjs → select-MFjAnIt7.cjs}

@@ -4,7 +4,7 @@ const dom = require("@floating-ui/dom");
 const services_floatingUI = require("./services/floatingUI.cjs");
 const services_focustrack = require("./services/focustrack.cjs");
 const services_navManager = require("./services/navManager.cjs");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_widget = require("./utils/widget.cjs");
@@ -71,7 +71,7 @@ const createSelect = utils_widget.createWidgetFactory("select", (config) => {
     return selectedItemsContext;
   });
   const selectedContexts$ = tansu.computed(() => [...selectedContextsMap$().values()]);
-  const highlightedIndex$ = function() {
+  const highlightedIndex$ = (function() {
     const store = tansu.writable(0);
     return tansu.asWritable(store, (index) => {
       const { length } = visibleItems$();
@@ -86,7 +86,7 @@ const createSelect = utils_widget.createWidgetFactory("select", (config) => {
       }
       store.set(index);
     });
-  }();
+  })();
   const itemContexts$ = tansu.computed(() => {
     const itemContexts = /* @__PURE__ */ new Map();
     if (open$()) {
@@ -319,7 +319,6 @@ const createSelect = utils_widget.createWidgetFactory("select", (config) => {
           return;
         }
         selected$.update((selectedItems) => {
-          var _a;
           selectedItems = [...selectedItems];
           if (selected && !isInSelected) {
             selectedItems.push(item);
@@ -327,7 +326,7 @@ const createSelect = utils_widget.createWidgetFactory("select", (config) => {
             const index = selectedItems.findIndex((item2) => itemIdFn(item2) === itemId);
             selectedItems.splice(index, 1);
           }
-          (_a = onSelectedChange$()) == null ? void 0 : _a(selectedItems);
+          onSelectedChange$()?.(selectedItems);
           return selectedItems;
         });
       },

package/services/extendWidget.cjs

@@ -6,9 +6,9 @@ const types = require("../types.cjs");
 const extendWidgetProps = (factory, extraPropsDefaults, extraPropsConfig, overrideDefaults) => {
   const extendedFactory = (propsConfig) => {
     const extraPropsWritables = utils_stores.writablesWithDefault(extraPropsDefaults, propsConfig, extraPropsConfig);
-    const propsConfigConfig = propsConfig == null ? void 0 : propsConfig.config;
+    const propsConfigConfig = propsConfig?.config;
     const config = utils_stores.isStore(propsConfigConfig) ? tansu.computed(() => ({ ...overrideDefaults, ...propsConfigConfig() })) : { ...overrideDefaults, ...propsConfigConfig ?? {} };
-    const widget = factory({ props: propsConfig == null ? void 0 : propsConfig.props, config });
+    const widget = factory({ props: propsConfig?.props, config });
     return {
       ...widget,
       ...utils_stores.stateStores({ ...widget.stores, ...extraPropsWritables }),

package/services/extendWidget.js

@@ -4,9 +4,9 @@ import { FACTORY_WIDGET_NAME } from "../types.js";
 const extendWidgetProps = (factory, extraPropsDefaults, extraPropsConfig, overrideDefaults) => {
   const extendedFactory = (propsConfig) => {
     const extraPropsWritables = writablesWithDefault(extraPropsDefaults, propsConfig, extraPropsConfig);
-    const propsConfigConfig = propsConfig == null ? void 0 : propsConfig.config;
+    const propsConfigConfig = propsConfig?.config;
     const config = isStore(propsConfigConfig) ? computed(() => ({ ...overrideDefaults, ...propsConfigConfig() })) : { ...overrideDefaults, ...propsConfigConfig ?? {} };
-    const widget = factory({ props: propsConfig == null ? void 0 : propsConfig.props, config });
+    const widget = factory({ props: propsConfig?.props, config });
     return {
       ...widget,
       ...stateStores({ ...widget.stores, ...extraPropsWritables }),

package/services/floatingUI.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
 const dom = require("@floating-ui/dom");
-const utils_directive = require("../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../dom-C2gi9OCP.cjs");
 const promise = require("../promise-CxCD3NYv.cjs");
 const utils_stores = require("../utils/stores.cjs");
 const defaultConfig = {
@@ -59,34 +59,13 @@ const createFloatingUI = (propsConfig) => {
     null
   );
   const position$ = promise.promiseStoreToValueStore(promisePosition$, null);
-  const placement$ = tansu.computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.placement;
-  });
-  const middlewareData$ = tansu.computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.middlewareData;
-  });
-  const x$ = tansu.computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.x;
-  });
-  const y$ = tansu.computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.y;
-  });
-  const strategy$ = tansu.computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.strategy;
-  });
-  const arrowX$ = tansu.computed(() => {
-    var _a, _b;
-    return (_b = (_a = middlewareData$()) == null ? void 0 : _a.arrow) == null ? void 0 : _b.x;
-  });
-  const arrowY$ = tansu.computed(() => {
-    var _a, _b;
-    return (_b = (_a = middlewareData$()) == null ? void 0 : _a.arrow) == null ? void 0 : _b.y;
-  });
+  const placement$ = tansu.computed(() => position$()?.placement);
+  const middlewareData$ = tansu.computed(() => position$()?.middlewareData);
+  const x$ = tansu.computed(() => position$()?.x);
+  const y$ = tansu.computed(() => position$()?.y);
+  const strategy$ = tansu.computed(() => position$()?.strategy);
+  const arrowX$ = tansu.computed(() => middlewareData$()?.arrow?.x);
+  const arrowY$ = tansu.computed(() => middlewareData$()?.arrow?.y);
   const floatingStyleApplyAction$ = tansu.computed(() => {
     const floatingElement = floatingElement$();
     if (floatingElement) {

package/services/floatingUI.js

@@ -1,7 +1,7 @@
 import { computed, derived } from "@amadeus-it-group/tansu";
 import { arrow, autoUpdate, computePosition } from "@floating-ui/dom";
-import { j as createBrowserStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../dom-gfxqXJpK.js";
-import { p as promiseStoreToValueStore } from "../promise-XSP94FjG.js";
+import { l as createBrowserStoreDirective, n as mergeDirectives, d as directiveSubscribe } from "../dom-Bcg9ORcA.js";
+import { a as promiseStoreToValueStore } from "../promise-Y53vc4Ia.js";
 import { writablesForProps, stateStores } from "../utils/stores.js";
 const defaultConfig = {
   computePositionOptions: {},
@@ -57,34 +57,13 @@ const createFloatingUI = (propsConfig) => {
     null
   );
   const position$ = promiseStoreToValueStore(promisePosition$, null);
-  const placement$ = computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.placement;
-  });
-  const middlewareData$ = computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.middlewareData;
-  });
-  const x$ = computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.x;
-  });
-  const y$ = computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.y;
-  });
-  const strategy$ = computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.strategy;
-  });
-  const arrowX$ = computed(() => {
-    var _a, _b;
-    return (_b = (_a = middlewareData$()) == null ? void 0 : _a.arrow) == null ? void 0 : _b.x;
-  });
-  const arrowY$ = computed(() => {
-    var _a, _b;
-    return (_b = (_a = middlewareData$()) == null ? void 0 : _a.arrow) == null ? void 0 : _b.y;
-  });
+  const placement$ = computed(() => position$()?.placement);
+  const middlewareData$ = computed(() => position$()?.middlewareData);
+  const x$ = computed(() => position$()?.x);
+  const y$ = computed(() => position$()?.y);
+  const strategy$ = computed(() => position$()?.strategy);
+  const arrowX$ = computed(() => middlewareData$()?.arrow?.x);
+  const arrowY$ = computed(() => middlewareData$()?.arrow?.y);
   const floatingStyleApplyAction$ = computed(() => {
     const floatingElement = floatingElement$();
     if (floatingElement) {

package/services/focusElement.cjs

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils_directive = require("../dom-C2gi9OCP.cjs");
+const isFocusable = require("../isFocusable-DfzDLeAN.cjs");
+const stack = [];
+let stackProcessPlanned = false;
+const processStack = () => {
+  stackProcessPlanned = false;
+  const candidates = [];
+  while (stack.length > 0) {
+    const top = stack[stack.length - 1];
+    if (top.element) {
+      candidates.push(top.element);
+      break;
+    } else {
+      if (top.previousElement) {
+        candidates.push(top.previousElement);
+      }
+      stack.pop();
+    }
+  }
+  for (const candidate of candidates) {
+    if (isFocusable.isFocusable(candidate)) {
+      candidate.focus();
+      return;
+    }
+  }
+};
+const planProcessStack = () => {
+  if (!stackProcessPlanned) {
+    stackProcessPlanned = true;
+    setTimeout(processStack, 0);
+  }
+};
+const focusElement = utils_directive.browserDirective((element) => {
+  const stackEntry = { element, previousElement: document.activeElement };
+  stack.push(stackEntry);
+  planProcessStack();
+  return {
+    destroy() {
+      stackEntry.element = null;
+      planProcessStack();
+    }
+  };
+});
+exports.focusElement = focusElement;

package/services/focusElement.d.ts

@@ -0,0 +1,9 @@
+import type { Directive } from '../types';
+/**
+ * Directive to focus an element and manage focus stack.
+ * When the element is destroyed, focus returns to the previous focusable element in the stack.
+ *
+ * @param element - The HTML element to focus.
+ * @returns An object with a destroy method to remove the element from the focus stack.
+ */
+export declare const focusElement: Directive;

package/services/focusElement.js

@@ -0,0 +1,46 @@
+import { b as browserDirective } from "../dom-Bcg9ORcA.js";
+import { i as isFocusable } from "../isFocusable-Ckwus82R.js";
+const stack = [];
+let stackProcessPlanned = false;
+const processStack = () => {
+  stackProcessPlanned = false;
+  const candidates = [];
+  while (stack.length > 0) {
+    const top = stack[stack.length - 1];
+    if (top.element) {
+      candidates.push(top.element);
+      break;
+    } else {
+      if (top.previousElement) {
+        candidates.push(top.previousElement);
+      }
+      stack.pop();
+    }
+  }
+  for (const candidate of candidates) {
+    if (isFocusable(candidate)) {
+      candidate.focus();
+      return;
+    }
+  }
+};
+const planProcessStack = () => {
+  if (!stackProcessPlanned) {
+    stackProcessPlanned = true;
+    setTimeout(processStack, 0);
+  }
+};
+const focusElement = browserDirective((element) => {
+  const stackEntry = { element, previousElement: document.activeElement };
+  stack.push(stackEntry);
+  planProcessStack();
+  return {
+    destroy() {
+      stackEntry.element = null;
+      planProcessStack();
+    }
+  };
+});
+export {
+  focusElement
+};

package/services/focustrack.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../dom-C2gi9OCP.cjs");
 const esmEnv = require("esm-env");
 const evtFocusIn = "focusin";
 const evtFocusOut = "focusout";

package/services/focustrack.js

@@ -1,5 +1,5 @@
 import { readable, computed } from "@amadeus-it-group/tansu";
-import { g as createBrowserStoreArrayDirective } from "../dom-gfxqXJpK.js";
+import { h as createBrowserStoreArrayDirective } from "../dom-Bcg9ORcA.js";
 import { BROWSER } from "esm-env";
 const evtFocusIn = "focusin";
 const evtFocusOut = "focusout";

package/services/matchMedia.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
 const esmEnv = require("esm-env");
-const utils_directive = require("../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../dom-C2gi9OCP.cjs");
 const utils_stores = require("../utils/stores.cjs");
 const createMatchMedia = (query) => esmEnv.BROWSER ? tansu.readable(false, {
   onUse({ set }) {

package/services/matchMedia.js

@@ -1,6 +1,6 @@
 import { readable } from "@amadeus-it-group/tansu";
 import { BROWSER } from "esm-env";
-import { u as addEvent } from "../dom-gfxqXJpK.js";
+import { w as addEvent } from "../dom-Bcg9ORcA.js";
 import { false$ } from "../utils/stores.js";
 const createMatchMedia = (query) => BROWSER ? readable(false, {
   onUse({ set }) {

package/services/navManager.cjs

@@ -1,37 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("../dom-CuBx1JPZ.cjs");
-const isInertOrInvisible = (element) => {
-  let curElement = element;
-  while (curElement) {
-    const style = getComputedStyle(curElement);
-    if (curElement.inert || curElement.hidden || style.display === "none" || style.visibility === "hidden") {
-      return true;
-    }
-    curElement = curElement.parentElement;
-  }
-  return false;
-};
-const checkNotDisabled = (element) => {
-  var _a;
-  if (element.disabled) {
-    return false;
-  }
-  const parentFieldset = (_a = element.parentElement) == null ? void 0 : _a.closest("fieldset");
-  return parentFieldset ? checkNotDisabled(parentFieldset) : true;
-};
-const isFocusableOtherTags = (element) => element.isContentEditable || !!element.hasAttribute("tabindex");
-const isFocusableByTagName = {
-  INPUT: (element) => element.type !== "hidden" && checkNotDisabled(element),
-  SELECT: checkNotDisabled,
-  TEXTAREA: checkNotDisabled,
-  BUTTON: checkNotDisabled,
-  A: (element) => !!element.href || isFocusableOtherTags(element)
-};
-const isFocusable = (element) => {
-  return document.contains(element) && !isInertOrInvisible(element) && (isFocusableByTagName[element.tagName] ?? isFocusableOtherTags)(element);
-};
+const utils_directive = require("../dom-C2gi9OCP.cjs");
+const isFocusable = require("../isFocusable-DfzDLeAN.cjs");
 const compareDomOrder = (element1, element2) => {
   if (element1 === element2) {
     return 0;
@@ -107,7 +78,7 @@ const createNavManager = () => {
   };
   const preventDefaultIfRelevant = (value, event) => {
     if (value) {
-      event == null ? void 0 : event.preventDefault();
+      event?.preventDefault();
     }
     return value;
   };
@@ -115,7 +86,7 @@ const createNavManager = () => {
     const array = elementsInDomOrder$();
     while (index >= 0 && index < array.length) {
       const newItem = array[index];
-      if (isFocusable(newItem)) {
+      if (isFocusable.isFocusable(newItem)) {
         newItem.focus();
         if (moveDirection != 0 && isTextInput(newItem)) {
           const changeDirection = ancestorDirection() !== getTextDirection(newItem);
@@ -134,7 +105,7 @@ const createNavManager = () => {
   };
   const createFocusNeighbour = (moveDirection) => ({
     event,
-    referenceElement = (event == null ? void 0 : event.target) ?? document.activeElement
+    referenceElement = event?.target ?? document.activeElement
   } = {}) => {
     const curIndex = referenceElement ? elementsInDomOrder$().indexOf(referenceElement) : -1;
     if (curIndex > -1) {
@@ -144,19 +115,18 @@ const createNavManager = () => {
   };
   const directive = utils_directive.browserDirective((directiveElement, config) => {
     const onKeyDown = (event) => {
-      var _a;
       if (isInternalInputNavigation(event)) {
         return;
       }
       const keyName = getKeyName(event);
-      const handler = (_a = config.keys) == null ? void 0 : _a[keyName];
+      const handler = config.keys?.[keyName];
       if (handler) {
         refreshElements(false);
         handler({ event, directiveElement, navManager, context: config.context });
       }
     };
     directiveElement.addEventListener("keydown", onKeyDown);
-    const unregister = directiveInstances$.register(() => ((config == null ? void 0 : config.selector) ?? defaultSelector)(directiveElement));
+    const unregister = directiveInstances$.register(() => (config?.selector ?? defaultSelector)(directiveElement));
     return {
       update(newConfig) {
         config = newConfig;

package/services/navManager.js

@@ -1,35 +1,6 @@
 import { writable, computed } from "@amadeus-it-group/tansu";
-import { r as registrationArray, y as computeCommonAncestor, b as browserDirective } from "../dom-gfxqXJpK.js";
-const isInertOrInvisible = (element) => {
-  let curElement = element;
-  while (curElement) {
-    const style = getComputedStyle(curElement);
-    if (curElement.inert || curElement.hidden || style.display === "none" || style.visibility === "hidden") {
-      return true;
-    }
-    curElement = curElement.parentElement;
-  }
-  return false;
-};
-const checkNotDisabled = (element) => {
-  var _a;
-  if (element.disabled) {
-    return false;
-  }
-  const parentFieldset = (_a = element.parentElement) == null ? void 0 : _a.closest("fieldset");
-  return parentFieldset ? checkNotDisabled(parentFieldset) : true;
-};
-const isFocusableOtherTags = (element) => element.isContentEditable || !!element.hasAttribute("tabindex");
-const isFocusableByTagName = {
-  INPUT: (element) => element.type !== "hidden" && checkNotDisabled(element),
-  SELECT: checkNotDisabled,
-  TEXTAREA: checkNotDisabled,
-  BUTTON: checkNotDisabled,
-  A: (element) => !!element.href || isFocusableOtherTags(element)
-};
-const isFocusable = (element) => {
-  return document.contains(element) && !isInertOrInvisible(element) && (isFocusableByTagName[element.tagName] ?? isFocusableOtherTags)(element);
-};
+import { r as registrationArray, A as computeCommonAncestor, b as browserDirective } from "../dom-Bcg9ORcA.js";
+import { i as isFocusable } from "../isFocusable-Ckwus82R.js";
 const compareDomOrder = (element1, element2) => {
   if (element1 === element2) {
     return 0;
@@ -105,7 +76,7 @@ const createNavManager = () => {
   };
   const preventDefaultIfRelevant = (value, event) => {
     if (value) {
-      event == null ? void 0 : event.preventDefault();
+      event?.preventDefault();
     }
     return value;
   };
@@ -132,7 +103,7 @@ const createNavManager = () => {
   };
   const createFocusNeighbour = (moveDirection) => ({
     event,
-    referenceElement = (event == null ? void 0 : event.target) ?? document.activeElement
+    referenceElement = event?.target ?? document.activeElement
   } = {}) => {
     const curIndex = referenceElement ? elementsInDomOrder$().indexOf(referenceElement) : -1;
     if (curIndex > -1) {
@@ -142,19 +113,18 @@ const createNavManager = () => {
   };
   const directive = browserDirective((directiveElement, config) => {
     const onKeyDown = (event) => {
-      var _a;
       if (isInternalInputNavigation(event)) {
         return;
       }
       const keyName = getKeyName(event);
-      const handler = (_a = config.keys) == null ? void 0 : _a[keyName];
+      const handler = config.keys?.[keyName];
       if (handler) {
         refreshElements(false);
         handler({ event, directiveElement, navManager, context: config.context });
       }
     };
     directiveElement.addEventListener("keydown", onKeyDown);
-    const unregister = directiveInstances$.register(() => ((config == null ? void 0 : config.selector) ?? defaultSelector)(directiveElement));
+    const unregister = directiveInstances$.register(() => (config?.selector ?? defaultSelector)(directiveElement));
     return {
       update(newConfig) {
         config = newConfig;

package/services/portal.cjs

@@ -1,27 +1,25 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../dom-C2gi9OCP.cjs");
 const portal = utils_directive.browserDirective((content, newArg) => {
   let arg;
   let replaceComment;
   const removeReplaceComment = () => {
-    var _a;
     if (replaceComment) {
-      (_a = replaceComment.parentNode) == null ? void 0 : _a.replaceChild(content, replaceComment);
+      replaceComment.parentNode?.replaceChild(content, replaceComment);
       replaceComment = null;
     }
   };
   const update = (newArg2) => {
-    var _a, _b;
-    if (newArg2 !== arg && ((newArg2 == null ? void 0 : newArg2.container) !== (arg == null ? void 0 : arg.container) || (newArg2 == null ? void 0 : newArg2.insertBefore) !== (arg == null ? void 0 : arg.insertBefore))) {
+    if (newArg2 !== arg && (newArg2?.container !== arg?.container || newArg2?.insertBefore !== arg?.insertBefore)) {
       arg = newArg2;
-      const container = (arg == null ? void 0 : arg.container) ?? ((_a = arg == null ? void 0 : arg.insertBefore) == null ? void 0 : _a.parentElement);
+      const container = arg?.container ?? arg?.insertBefore?.parentElement;
       if (container) {
-        const insertBefore = (arg == null ? void 0 : arg.insertBefore) ?? null;
+        const insertBefore = arg?.insertBefore ?? null;
         const moveNeeded = content.parentElement !== container || content.nextSibling !== insertBefore;
         if (moveNeeded) {
           if (!replaceComment) {
-            replaceComment = (_b = content.parentNode) == null ? void 0 : _b.insertBefore(content.ownerDocument.createComment("portal"), content);
+            replaceComment = content.parentNode?.insertBefore(content.ownerDocument.createComment("portal"), content);
           }
           container.insertBefore(content, insertBefore);
         }
@@ -34,9 +32,8 @@ const portal = utils_directive.browserDirective((content, newArg) => {
   return {
     update,
     destroy: () => {
-      var _a;
       removeReplaceComment();
-      (_a = content.parentNode) == null ? void 0 : _a.removeChild(content);
+      content.parentNode?.removeChild(content);
     }
   };
 });

package/services/portal.js

@@ -1,25 +1,23 @@
-import { b as browserDirective } from "../dom-gfxqXJpK.js";
+import { b as browserDirective } from "../dom-Bcg9ORcA.js";
 const portal = browserDirective((content, newArg) => {
   let arg;
   let replaceComment;
   const removeReplaceComment = () => {
-    var _a;
     if (replaceComment) {
-      (_a = replaceComment.parentNode) == null ? void 0 : _a.replaceChild(content, replaceComment);
+      replaceComment.parentNode?.replaceChild(content, replaceComment);
       replaceComment = null;
     }
   };
   const update = (newArg2) => {
-    var _a, _b;
-    if (newArg2 !== arg && ((newArg2 == null ? void 0 : newArg2.container) !== (arg == null ? void 0 : arg.container) || (newArg2 == null ? void 0 : newArg2.insertBefore) !== (arg == null ? void 0 : arg.insertBefore))) {
+    if (newArg2 !== arg && (newArg2?.container !== arg?.container || newArg2?.insertBefore !== arg?.insertBefore)) {
       arg = newArg2;
-      const container = (arg == null ? void 0 : arg.container) ?? ((_a = arg == null ? void 0 : arg.insertBefore) == null ? void 0 : _a.parentElement);
+      const container = arg?.container ?? arg?.insertBefore?.parentElement;
       if (container) {
-        const insertBefore = (arg == null ? void 0 : arg.insertBefore) ?? null;
+        const insertBefore = arg?.insertBefore ?? null;
         const moveNeeded = content.parentElement !== container || content.nextSibling !== insertBefore;
         if (moveNeeded) {
           if (!replaceComment) {
-            replaceComment = (_b = content.parentNode) == null ? void 0 : _b.insertBefore(content.ownerDocument.createComment("portal"), content);
+            replaceComment = content.parentNode?.insertBefore(content.ownerDocument.createComment("portal"), content);
           }
           container.insertBefore(content, insertBefore);
         }
@@ -32,9 +30,8 @@ const portal = browserDirective((content, newArg) => {
   return {
     update,
     destroy: () => {
-      var _a;
       removeReplaceComment();
-      (_a = content.parentNode) == null ? void 0 : _a.removeChild(content);
+      content.parentNode?.removeChild(content);
     }
   };
 });

package/services/resizeObserver.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../dom-C2gi9OCP.cjs");
 const utils_func = require("../utils/func.cjs");
 const createResizeObserver = () => {
   const { element$, directive } = utils_directive.createBrowserStoreDirective();
@@ -15,7 +15,7 @@ const createResizeObserver = () => {
         set(entries[0]);
       });
       observer.observe(element);
-      return () => observer == null ? void 0 : observer.disconnect();
+      return () => observer?.disconnect();
     },
     void 0
   );

package/services/resizeObserver.js

@@ -1,5 +1,5 @@
 import { derived } from "@amadeus-it-group/tansu";
-import { j as createBrowserStoreDirective } from "../dom-gfxqXJpK.js";
+import { l as createBrowserStoreDirective } from "../dom-Bcg9ORcA.js";
 import { noop } from "../utils/func.js";
 const createResizeObserver = () => {
   const { element$, directive } = createBrowserStoreDirective();
@@ -13,7 +13,7 @@ const createResizeObserver = () => {
         set(entries[0]);
       });
       observer.observe(element);
-      return () => observer == null ? void 0 : observer.disconnect();
+      return () => observer?.disconnect();
     },
     void 0
   );

package/services/siblingsInert.cjs

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
+const utils_directive = require("../dom-C2gi9OCP.cjs");
 const utils_func = require("../utils/func.cjs");
-const utils_directive = require("../dom-CuBx1JPZ.cjs");
-const internalSetSiblingsInert = (element) => {
+const ignoreInertAttributeName = "data-agnos-ignore-inert";
+const applyInertToSiblingsRecursively = (element) => {
   const inertValues = /* @__PURE__ */ new Map();
   const recursiveHelper = (element2) => {
     const parent = element2.parentElement;
     if (parent && element2 !== document.body) {
       Array.from(parent.children).forEach((sibling) => {
-        if (sibling !== element2 && sibling.nodeName !== "SCRIPT") {
+        if (sibling !== element2 && sibling.nodeName !== "SCRIPT" && !sibling.hasAttribute(ignoreInertAttributeName)) {
           inertValues.set(sibling, sibling.hasAttribute("inert"));
           sibling.toggleAttribute("inert", true);
         }
@@ -25,16 +26,16 @@ const internalSetSiblingsInert = (element) => {
 let internalRevert = utils_func.noop;
 const setSiblingsInert = (element) => {
   internalRevert();
-  internalRevert = element ? internalSetSiblingsInert(element) : utils_func.noop;
+  internalRevert = element ? applyInertToSiblingsRecursively(element) : utils_func.noop;
 };
-const { directive: storeArrayDirective, elements$ } = utils_directive.createBrowserStoreArrayDirective();
-const lastElement$ = tansu.computed(
+const { directive: storeArrayDirective, elements$ } = utils_directive.createConditionalBrowserStoreArrayDirective();
+const lastTrackedElement$ = tansu.computed(
   () => {
     const elements = elements$();
     return elements[elements.length - 1];
   },
   { equal: Object.is }
 );
-const inertAction$ = tansu.computed(() => setSiblingsInert(lastElement$()));
-const siblingsInert = utils_directive.mergeDirectives(storeArrayDirective, utils_directive.directiveSubscribe(inertAction$));
+const updateInertState$ = tansu.computed(() => setSiblingsInert(lastTrackedElement$()));
+const siblingsInert = utils_directive.mergeDirectives(storeArrayDirective, utils_directive.directiveSubscribe(updateInertState$));
 exports.siblingsInert = siblingsInert;