@agnos-ui/core/services/siblingsInert.js

Framework-agnostic headless component library.

import { computed } from "@amadeus-it-group/tansu";
import { j as createConditionalBrowserStoreArrayDirective, s as mergeDirectives, o as directiveSubscribe } from "../dom-Bb5ZCr_a.js";
import { noop } from "../utils/func.js";
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" && !sibling.hasAttribute(ignoreInertAttributeName)) {
          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 = noop;
const setSiblingsInert = (element) => {
  internalRevert();
  internalRevert = element ? applyInertToSiblingsRecursively(element) : noop;
};
const { directive: storeArrayDirective, elements$ } = createConditionalBrowserStoreArrayDirective();
const lastTrackedElement$ = computed(
  () => {
    const elements = elements$();
    return elements[elements.length - 1];
  },
  { equal: Object.is }
);
const updateInertState$ = computed(() => setSiblingsInert(lastTrackedElement$()));
const siblingsInert = mergeDirectives(storeArrayDirective, directiveSubscribe(updateInertState$));
export {
  siblingsInert
};