@agnos-ui/core 0.2.0 → 0.3.1

package/services/navManager.js

@@ -1,178 +1,196 @@
-import { computed, writable } from '@amadeus-it-group/tansu';
-import { registrationArray } from '../utils/directive';
-import { computeCommonAncestor } from '../utils/internal/dom';
-import { isFocusable } from '../utils/internal/isFocusable';
-import { compareDomOrder } from '../utils/internal/sort';
-import { getTextDirection } from '../utils/internal/textDirection';
-// cf https://html.spec.whatwg.org/multipage/input.html#concept-input-apply
-const textInputTypes = new Set(['text', 'search', 'url', 'tel', 'password']);
+import { writable, computed } from "@amadeus-it-group/tansu";
+import { r as registrationArray, y as computeCommonAncestor, b as browserDirective } from "../directive-DCYlDznf.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);
+};
+const compareDomOrder = (element1, element2) => {
+  if (element1 === element2) {
+    return 0;
+  }
+  const result = element1.compareDocumentPosition(element2);
+  if (result & Node.DOCUMENT_POSITION_FOLLOWING) {
+    return -1;
+  } else if (result & Node.DOCUMENT_POSITION_PRECEDING) {
+    return 1;
+  }
+  throw new Error("failed to compare elements");
+};
+const getTextDirection = (element) => getComputedStyle(element).direction;
+const textInputTypes = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "password"]);
 const isTextInput = (element) => element instanceof HTMLInputElement && textInputTypes.has(element.type);
-/**
- * Returns the key name given the keyboard event. The key name is built using event.key (such as ArrowLeft, PageDown...),
- * prefixed with the modifiers. If present, modifiers are always in the same order: Meta+Ctrl+Alt+Shift+...
- * @param event - keyboard event
- * @returns the name of the key, including modifiers
- */
-export const getKeyName = (event) => {
-    let key = event.key;
-    if (event.shiftKey) {
-        key = `Shift+${key}`;
+const getKeyName = (event) => {
+  let key = event.key;
+  if (event.shiftKey) {
+    key = `Shift+${key}`;
+  }
+  if (event.altKey) {
+    key = `Alt+${key}`;
+  }
+  if (event.ctrlKey) {
+    key = `Ctrl+${key}`;
+  }
+  if (event.metaKey) {
+    key = `Meta+${key}`;
+  }
+  return key;
+};
+const isInternalInputNavigation = (event) => {
+  const { target, key } = event;
+  if (isTextInput(target) && (key === "ArrowLeft" || key === "ArrowRight" || key === "Home" || key === "End")) {
+    let startPosition;
+    if (key === "ArrowLeft" || key === "ArrowRight") {
+      const direction = getTextDirection(target);
+      startPosition = key === (direction === "ltr" ? "ArrowLeft" : "ArrowRight");
+    } else {
+      startPosition = key === "Home";
     }
-    if (event.altKey) {
-        key = `Alt+${key}`;
+    const cursorPosition = target.selectionStart === target.selectionEnd ? target.selectionStart : null;
+    if (startPosition && cursorPosition !== 0 || !startPosition && cursorPosition !== target.value.length) {
+      return true;
     }
-    if (event.ctrlKey) {
-        key = `Ctrl+${key}`;
+  }
+  return false;
+};
+const defaultSelector = (directiveElement) => [directiveElement];
+const createNavManager = () => {
+  const directiveInstances$ = registrationArray();
+  const elementsRefresh$ = writable({});
+  const refreshElements = (now = true) => {
+    elementsRefresh$.set({});
+    if (now) {
+      commonAncestor$();
+      elementsInDomOrder$();
     }
-    if (event.metaKey) {
-        key = `Meta+${key}`;
+  };
+  const elements$ = computed(() => {
+    elementsRefresh$();
+    const res = [];
+    for (const item of directiveInstances$()) {
+      res.push(...item());
     }
-    return key;
-};
-/**
- * Returns true if the keyboard event is an ArrowLeft, ArrowRight, Home or End key press that should make the cursor move inside
- * the input and false otherwise (i.e. the key is not ArrowLeft, ArrowRight, Home or End key, or that would not make the cursor move
- * because it is already at one end of the input)
- * @param event - keyboard event
- * @returns true if the keyboard event is an ArrowLeft, ArrowRight, Home or End key press that should make the cursor move inside
- * the input and false otherwise.
- */
-export const isInternalInputNavigation = (event) => {
-    const { target, key } = event;
-    if (isTextInput(target) && (key === 'ArrowLeft' || key === 'ArrowRight' || key === 'Home' || key === 'End')) {
-        let startPosition;
-        if (key === 'ArrowLeft' || key === 'ArrowRight') {
-            const direction = getTextDirection(target);
-            startPosition = key === (direction === 'ltr' ? 'ArrowLeft' : 'ArrowRight');
-        }
-        else {
-            startPosition = key === 'Home';
-        }
-        const cursorPosition = target.selectionStart === target.selectionEnd ? target.selectionStart : null;
-        if ((startPosition && cursorPosition !== 0) || (!startPosition && cursorPosition !== target.value.length)) {
-            // let the text input process the key
-            return true;
-        }
+    return res;
+  });
+  const commonAncestor$ = computed(() => computeCommonAncestor(elements$()), { equal: Object.is });
+  const elementsInDomOrder$ = computed(() => [...elements$()].sort(compareDomOrder));
+  const ancestorDirection = () => {
+    const commonAncestor = commonAncestor$();
+    return commonAncestor ? getTextDirection(commonAncestor) : "ltr";
+  };
+  const preventDefaultIfRelevant = (value, event) => {
+    if (value) {
+      event == null ? void 0 : event.preventDefault();
     }
-    return false;
-};
-const defaultSelector = (directiveElement) => [directiveElement];
-/**
- * Returns a new instance of the navigation manager.
- *
- * The navigation manager simplifies keyboard navigation for a set of DOM elements.
- * It provides a directive to use on some DOM elements, both to add the keydown event handler and to specify which elements should be managed
- * (either by directly putting the directive on those elements, or by putting the directive on a parent element and
- * specifying which child elements should be included through a selector function).
- *
- * It provides some utilities to move the focus between those elements (focusFirst/focusLast, focusLeft/focusRight, focusPrevious/focusNext).
- *
- * @returns a new instance of the navigation manager
- */
-export const createNavManager = () => {
-    const directiveInstances$ = registrationArray();
-    const elementsRefresh$ = writable({});
-    const refreshElements = (now = true) => {
-        elementsRefresh$.set({});
-        if (now) {
-            commonAncestor$();
-            elementsInDomOrder$();
-        }
-    };
-    const elements$ = computed(() => {
-        elementsRefresh$();
-        const res = [];
-        for (const item of directiveInstances$()) {
-            res.push(...item());
-        }
-        return res;
-    });
-    const commonAncestor$ = computed(() => computeCommonAncestor(elements$()), { equal: Object.is });
-    const elementsInDomOrder$ = computed(() => [...elements$()].sort(compareDomOrder));
-    const ancestorDirection = () => {
-        const commonAncestor = commonAncestor$();
-        return commonAncestor ? getTextDirection(commonAncestor) : 'ltr';
-    };
-    const preventDefaultIfRelevant = (value, event) => {
-        if (value) {
-            event?.preventDefault();
-        }
-        return value;
-    };
-    const focusIndex = (index, moveDirection = 0) => {
-        const array = elementsInDomOrder$();
-        while (index >= 0 && index < array.length) {
-            const newItem = array[index];
-            if (isFocusable(newItem)) {
-                newItem.focus();
-                if (moveDirection != 0 && isTextInput(newItem)) {
-                    const changeDirection = ancestorDirection() !== getTextDirection(newItem);
-                    const position = moveDirection > 0 !== changeDirection ? 0 : newItem.value.length;
-                    newItem.setSelectionRange(position, position, position === 0 ? 'forward' : 'backward');
-                }
-                return newItem;
-            }
-            if (moveDirection === 0) {
-                break;
-            }
-            else {
-                index += moveDirection;
-            }
-        }
-        return null;
-    };
-    const createFocusNeighbour = (moveDirection) => ({ event, referenceElement = event?.target ?? document.activeElement, } = {}) => {
-        const curIndex = referenceElement ? elementsInDomOrder$().indexOf(referenceElement) : -1;
-        if (curIndex > -1) {
-            return preventDefaultIfRelevant(focusIndex(curIndex + moveDirection, moveDirection), event);
+    return value;
+  };
+  const focusIndex = (index, moveDirection = 0) => {
+    const array = elementsInDomOrder$();
+    while (index >= 0 && index < array.length) {
+      const newItem = array[index];
+      if (isFocusable(newItem)) {
+        newItem.focus();
+        if (moveDirection != 0 && isTextInput(newItem)) {
+          const changeDirection = ancestorDirection() !== getTextDirection(newItem);
+          const position = moveDirection > 0 !== changeDirection ? 0 : newItem.value.length;
+          newItem.setSelectionRange(position, position, position === 0 ? "forward" : "backward");
         }
-        return null;
-    };
-    const directive = (directiveElement, config) => {
-        const onKeyDown = (event) => {
-            if (isInternalInputNavigation(event)) {
-                return;
-            }
-            const keyName = getKeyName(event);
-            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?.selector ?? defaultSelector)(directiveElement));
-        return {
-            update(newConfig) {
-                config = newConfig;
-            },
-            destroy() {
-                directiveElement.removeEventListener('keydown', onKeyDown);
-                unregister();
-            },
-        };
+        return newItem;
+      }
+      if (moveDirection === 0) {
+        break;
+      } else {
+        index += moveDirection;
+      }
+    }
+    return null;
+  };
+  const createFocusNeighbour = (moveDirection) => ({
+    event,
+    referenceElement = (event == null ? void 0 : event.target) ?? document.activeElement
+  } = {}) => {
+    const curIndex = referenceElement ? elementsInDomOrder$().indexOf(referenceElement) : -1;
+    if (curIndex > -1) {
+      return preventDefaultIfRelevant(focusIndex(curIndex + moveDirection, moveDirection), event);
+    }
+    return null;
+  };
+  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];
+      if (handler) {
+        refreshElements(false);
+        handler({ event, directiveElement, navManager, context: config.context });
+      }
     };
-    const focusPrevious = createFocusNeighbour(-1);
-    const focusNext = createFocusNeighbour(1);
-    const focusFirst = ({ event } = {}) => preventDefaultIfRelevant(focusIndex(0, 1), event);
-    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,
-        focusIndex,
-        focusPrevious,
-        focusNext,
-        focusFirst,
-        focusFirstLeft,
-        focusFirstRight,
-        focusLast,
-        focusLeft,
-        focusRight,
-        refreshElements,
+    directiveElement.addEventListener("keydown", onKeyDown);
+    const unregister = directiveInstances$.register(() => ((config == null ? void 0 : config.selector) ?? defaultSelector)(directiveElement));
+    return {
+      update(newConfig) {
+        config = newConfig;
+      },
+      destroy() {
+        directiveElement.removeEventListener("keydown", onKeyDown);
+        unregister();
+      }
     };
-    return navManager;
+  });
+  const focusPrevious = createFocusNeighbour(-1);
+  const focusNext = createFocusNeighbour(1);
+  const focusFirst = ({ event } = {}) => preventDefaultIfRelevant(focusIndex(0, 1), event);
+  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,
+    focusIndex,
+    focusPrevious,
+    focusNext,
+    focusFirst,
+    focusFirstLeft,
+    focusFirstRight,
+    focusLast,
+    focusLeft,
+    focusRight,
+    refreshElements
+  };
+  return navManager;
+};
+export {
+  createNavManager,
+  getKeyName,
+  isInternalInputNavigation
 };

package/services/portal.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils_directive = require("../directive-BTSEYLF3.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 = 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))) {
+      arg = newArg2;
+      const container = (arg == null ? void 0 : arg.container) ?? ((_a = arg == null ? void 0 : arg.insertBefore) == null ? void 0 : _a.parentElement);
+      if (container) {
+        const insertBefore = (arg == null ? void 0 : 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);
+          }
+          container.insertBefore(content, insertBefore);
+        }
+      } else {
+        removeReplaceComment();
+      }
+    }
+  };
+  update(newArg);
+  return {
+    update,
+    destroy: () => {
+      var _a;
+      removeReplaceComment();
+      (_a = content.parentNode) == null ? void 0 : _a.removeChild(content);
+    }
+  };
+});
+exports.portal = portal;

package/services/portal.js

@@ -1,44 +1,43 @@
-/**
- * Creates a portal directive, allowing to attach content to any element.
- *
- * @param content - the content of the portal
- * @param newArg - {@link PortalDirectiveArg} args
- * @returns the portal directive
- */
-export const portal = (content, newArg) => {
-    let arg;
-    let replaceComment;
-    const removeReplaceComment = () => {
-        if (replaceComment) {
-            replaceComment.parentNode?.replaceChild(content, replaceComment);
-            replaceComment = null;
+import { b as browserDirective } from "../directive-DCYlDznf.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 = 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))) {
+      arg = newArg2;
+      const container = (arg == null ? void 0 : arg.container) ?? ((_a = arg == null ? void 0 : arg.insertBefore) == null ? void 0 : _a.parentElement);
+      if (container) {
+        const insertBefore = (arg == null ? void 0 : 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);
+          }
+          container.insertBefore(content, insertBefore);
         }
-    };
-    const update = (newArg) => {
-        if (newArg !== arg && (newArg?.container !== arg?.container || newArg?.insertBefore !== arg?.insertBefore)) {
-            arg = newArg;
-            const container = arg?.container ?? arg?.insertBefore?.parentElement;
-            if (container) {
-                const insertBefore = arg?.insertBefore ?? null;
-                const moveNeeded = content.parentElement !== container || content.nextSibling !== insertBefore;
-                if (moveNeeded) {
-                    if (!replaceComment) {
-                        replaceComment = content.parentNode?.insertBefore(content.ownerDocument.createComment('portal'), content);
-                    }
-                    container.insertBefore(content, insertBefore);
-                }
-            }
-            else {
-                removeReplaceComment();
-            }
-        }
-    };
-    update(newArg);
-    return {
-        update,
-        destroy: () => {
-            removeReplaceComment();
-            content.parentNode?.removeChild(content);
-        },
-    };
+      } else {
+        removeReplaceComment();
+      }
+    }
+  };
+  update(newArg);
+  return {
+    update,
+    destroy: () => {
+      var _a;
+      removeReplaceComment();
+      (_a = content.parentNode) == null ? void 0 : _a.removeChild(content);
+    }
+  };
+});
+export {
+  portal
 };

package/services/resizeObserver.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tansu = require("@amadeus-it-group/tansu");
+const utils_directive = require("../directive-BTSEYLF3.cjs");
+const func = require("../func-Qd3cD9a3.cjs");
+const createResizeObserver = () => {
+  const { element$, directive } = utils_directive.createBrowserStoreDirective();
+  const observedElement$ = tansu.derived(
+    element$,
+    (element, set) => {
+      if (element === null) {
+        return func.noop;
+      }
+      const observer = new ResizeObserver((entries) => {
+        set(entries[0]);
+      });
+      observer.observe(element);
+      return () => observer == null ? void 0 : observer.disconnect();
+    },
+    void 0
+  );
+  return {
+    /**
+     * Store which contains the dimensions of the observed element (ResizeObserverEntry type)
+     * See the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry)
+     */
+    dimensions$: observedElement$,
+    /** Directive to be attached to html element in order to listen to resize events */
+    directive
+  };
+};
+exports.createResizeObserver = createResizeObserver;

package/services/resizeObserver.d.ts

@@ -10,5 +10,5 @@ export declare const createResizeObserver: () => {
      */
     dimensions$: ReadableSignal<ResizeObserverEntry | undefined>;
     /** Directive to be attached to html element in order to listen to resize events */
-    directive: import("..").Directive;
+    directive: import("..").Directive<void, import("..").SSRHTMLElement>;
 };

package/services/resizeObserver.js

@@ -1,29 +1,32 @@
-import { derived } from '@amadeus-it-group/tansu';
-import { createStoreDirective } from '../utils/directive';
-import { noop } from '../utils/internal/func';
-/**
- * Create a resize observer object
- * @returns An object containing the store with the dimentions of observed element (ResizeObserverEntry), the directive to be applied to the html element to be observed
- */
-export const createResizeObserver = () => {
-    const { element$, directive } = createStoreDirective();
-    const observedElement$ = derived(element$, (element, set) => {
-        if (element === null) {
-            return noop;
-        }
-        const observer = new ResizeObserver((entries) => {
-            set(entries[0]);
-        });
-        observer.observe(element);
-        return () => observer?.disconnect();
-    }, undefined);
-    return {
-        /**
-         * Store which contains the dimensions of the observed element (ResizeObserverEntry type)
-         * See the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry)
-         */
-        dimensions$: observedElement$,
-        /** Directive to be attached to html element in order to listen to resize events */
-        directive,
-    };
+import { derived } from "@amadeus-it-group/tansu";
+import { j as createBrowserStoreDirective } from "../directive-DCYlDznf.js";
+import { n as noop } from "../func-DR0n-ShK.js";
+const createResizeObserver = () => {
+  const { element$, directive } = createBrowserStoreDirective();
+  const observedElement$ = derived(
+    element$,
+    (element, set) => {
+      if (element === null) {
+        return noop;
+      }
+      const observer = new ResizeObserver((entries) => {
+        set(entries[0]);
+      });
+      observer.observe(element);
+      return () => observer == null ? void 0 : observer.disconnect();
+    },
+    void 0
+  );
+  return {
+    /**
+     * Store which contains the dimensions of the observed element (ResizeObserverEntry type)
+     * See the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry)
+     */
+    dimensions$: observedElement$,
+    /** Directive to be attached to html element in order to listen to resize events */
+    directive
+  };
+};
+export {
+  createResizeObserver
 };

package/services/siblingsInert.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tansu = require("@amadeus-it-group/tansu");
+const func = require("../func-Qd3cD9a3.cjs");
+const utils_directive = require("../directive-BTSEYLF3.cjs");
+const internalSetSiblingsInert = (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") {
+          inertValues.set(sibling, sibling.hasAttribute("inert"));
+          sibling.toggleAttribute("inert", true);
+        }
+      });
+      recursiveHelper(parent);
+    }
+  };
+  recursiveHelper(element);
+  return () => inertValues.forEach((value, element2) => {
+    element2.toggleAttribute("inert", value);
+  });
+};
+let internalRevert = func.noop;
+const setSiblingsInert = (element) => {
+  internalRevert();
+  internalRevert = element ? internalSetSiblingsInert(element) : func.noop;
+};
+const { directive: storeArrayDirective, elements$ } = utils_directive.createBrowserStoreArrayDirective();
+const lastElement$ = tansu.computed(
+  () => {
+    const elements = elements$();
+    return elements[elements.length - 1];
+  },
+  { equal: Object.is }
+);
+const inertAction$ = tansu.computed(() => setSiblingsInert(lastElement$()));
+const sliblingsInert = utils_directive.mergeDirectives(storeArrayDirective, utils_directive.directiveSubscribe(inertAction$));
+exports.sliblingsInert = sliblingsInert;