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

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;

package/services/siblingsInert.d.ts

@@ -1,6 +1,16 @@
 import type { Directive } from '../types';
 /**
- * A directive that sets the `inert` attribute on all sibling elements of the given element recursively up the DOM tree,
- * excluding the element itself and any `<script>` elements.
+ * Directive to manage focus trapping by setting the `inert` attribute on sibling elements.
+ * This is useful for modal dialogs or overlays where interaction should be limited to a specific subtree.
+ *
+ * - Recursively traverses up the DOM tree.
+ * - Sets `inert` on all siblings except the target element and `<script>` tags.
+ * - Use `data-agnos-ignore-inert` to avoid inert attribute for a specified element.
+ *
+ * Takes boolean or undefined as value:
+ * - `true` or `undefined`: Apply inert to siblings.
+ * - `false`: Do not apply inert to siblings.
+ *
+ * Automatically reverts when the target element changes or is removed.
  */
-export declare const siblingsInert: Directive;
+export declare const siblingsInert: Directive<boolean | undefined>;

package/services/siblingsInert.js

@@ -1,13 +1,14 @@
 import { computed } from "@amadeus-it-group/tansu";
+import { j as createConditionalBrowserStoreArrayDirective, n as mergeDirectives, d as directiveSubscribe } from "../dom-Bcg9ORcA.js";
 import { noop } from "../utils/func.js";
-import { g as createBrowserStoreArrayDirective, k as mergeDirectives, d as directiveSubscribe } from "../dom-gfxqXJpK.js";
-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);
         }
@@ -23,18 +24,18 @@ const internalSetSiblingsInert = (element) => {
 let internalRevert = noop;
 const setSiblingsInert = (element) => {
   internalRevert();
-  internalRevert = element ? internalSetSiblingsInert(element) : noop;
+  internalRevert = element ? applyInertToSiblingsRecursively(element) : noop;
 };
-const { directive: storeArrayDirective, elements$ } = createBrowserStoreArrayDirective();
-const lastElement$ = computed(
+const { directive: storeArrayDirective, elements$ } = createConditionalBrowserStoreArrayDirective();
+const lastTrackedElement$ = computed(
   () => {
     const elements = elements$();
     return elements[elements.length - 1];
   },
   { equal: Object.is }
 );
-const inertAction$ = computed(() => setSiblingsInert(lastElement$()));
-const siblingsInert = mergeDirectives(storeArrayDirective, directiveSubscribe(inertAction$));
+const updateInertState$ = computed(() => setSiblingsInert(lastTrackedElement$()));
+const siblingsInert = mergeDirectives(storeArrayDirective, directiveSubscribe(updateInertState$));
 export {
   siblingsInert
 };

package/services/transitions/baseTransitions.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
-const utils_writables = require("../../writables-Bn3uhKEG.cjs");
+const utils_writables = require("../../writables-DcGT98a7.cjs");
 const promise = require("../../promise-CxCD3NYv.cjs");
 const utils_func = require("../../utils/func.cjs");
 const utils_stores = require("../../utils/stores.cjs");
-const utils_directive = require("../../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../../dom-C2gi9OCP.cjs");
 const neverEndingPromise = new Promise(utils_func.noop);
 const noAnimation = (element, direction) => {
   element.style.display = direction === "show" ? "" : "none";
@@ -41,8 +41,8 @@ const createTransition = (config) => {
   const stop = () => {
     let context;
     currentTransition$.update((currentTransition) => {
-      currentTransition == null ? void 0 : currentTransition.abort.abort();
-      context = currentTransition == null ? void 0 : currentTransition.context;
+      currentTransition?.abort.abort();
+      context = currentTransition?.context;
       return null;
     });
     return context;
@@ -64,7 +64,6 @@ const createTransition = (config) => {
     currentTransition$.set(currentTransition);
     resolve(
       (async () => {
-        var _a;
         try {
           await transitionFn(element, visible ? "show" : "hide", animated, signal, context);
         } finally {
@@ -72,7 +71,7 @@ const createTransition = (config) => {
             await neverEndingPromise;
           } else {
             currentTransition$.set(null);
-            (_a = (visible ? onShown$ : onHidden$)()) == null ? void 0 : _a();
+            (visible ? onShown$ : onHidden$)()?.();
           }
         }
       })()
@@ -100,9 +99,9 @@ const createTransition = (config) => {
           if (visibleChanged || animationFromToggle != null) {
             pendingTransition = null;
           }
-          const animate = animationFromToggle ?? (pendingTransition == null ? void 0 : pendingTransition.animated) ?? (elementChanged && !visible ? false : animated);
+          const animate = animationFromToggle ?? pendingTransition?.animated ?? (elementChanged && !visible ? false : animated);
           currentTransition = runTransition(visible, animate, element, transition);
-          pendingTransition == null ? void 0 : pendingTransition.resolve(currentTransition.promise);
+          pendingTransition?.resolve(currentTransition.promise);
           pendingTransition = null;
         }
       } else {
@@ -110,7 +109,7 @@ const createTransition = (config) => {
           stop();
           currentTransition = null;
         }
-        if (visibleChanged || visible && (pendingTransition == null ? void 0 : pendingTransition.animated) !== animationFromToggle) {
+        if (visibleChanged || visible && pendingTransition?.animated !== animationFromToggle) {
           pendingTransition = visible && animationFromToggle != null ? {
             // toggle was called to display the element, but the element is not yet in the DOM
             // let's keep the animation setting from toggle and provide the promise for the end of toggle
@@ -119,7 +118,7 @@ const createTransition = (config) => {
           } : null;
         }
       }
-      return (pendingTransition == null ? void 0 : pendingTransition.promise) ?? (currentTransition == null ? void 0 : currentTransition.promise);
+      return pendingTransition?.promise ?? currentTransition?.promise;
     }
   );
   let lastToggle = {};

package/services/transitions/baseTransitions.js

@@ -1,9 +1,9 @@
 import { computed, writable, derived, batch } from "@amadeus-it-group/tansu";
-import { d as typeBooleanOrNull, g as typeFunction, c as typeBoolean } from "../../writables-CgpOQ4hA.js";
-import { c as promiseWithResolve } from "../../promise-XSP94FjG.js";
+import { d as typeBooleanOrNull, g as typeFunction, c as typeBoolean } from "../../writables-e0tyaQpe.js";
+import { d as promiseWithResolve } from "../../promise-Y53vc4Ia.js";
 import { noop } from "../../utils/func.js";
 import { writablesForProps, bindableDerived, stateStores } from "../../utils/stores.js";
-import { h as createStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../../dom-gfxqXJpK.js";
+import { k as createStoreDirective, n as mergeDirectives, d as directiveSubscribe } from "../../dom-Bcg9ORcA.js";
 const neverEndingPromise = new Promise(noop);
 const noAnimation = (element, direction) => {
   element.style.display = direction === "show" ? "" : "none";
@@ -39,8 +39,8 @@ const createTransition = (config) => {
   const stop = () => {
     let context;
     currentTransition$.update((currentTransition) => {
-      currentTransition == null ? void 0 : currentTransition.abort.abort();
-      context = currentTransition == null ? void 0 : currentTransition.context;
+      currentTransition?.abort.abort();
+      context = currentTransition?.context;
       return null;
     });
     return context;
@@ -62,7 +62,6 @@ const createTransition = (config) => {
     currentTransition$.set(currentTransition);
     resolve(
       (async () => {
-        var _a;
         try {
           await transitionFn(element, visible ? "show" : "hide", animated, signal, context);
         } finally {
@@ -70,7 +69,7 @@ const createTransition = (config) => {
             await neverEndingPromise;
           } else {
             currentTransition$.set(null);
-            (_a = (visible ? onShown$ : onHidden$)()) == null ? void 0 : _a();
+            (visible ? onShown$ : onHidden$)()?.();
           }
         }
       })()
@@ -98,9 +97,9 @@ const createTransition = (config) => {
           if (visibleChanged || animationFromToggle != null) {
             pendingTransition = null;
           }
-          const animate = animationFromToggle ?? (pendingTransition == null ? void 0 : pendingTransition.animated) ?? (elementChanged && !visible ? false : animated);
+          const animate = animationFromToggle ?? pendingTransition?.animated ?? (elementChanged && !visible ? false : animated);
           currentTransition = runTransition(visible, animate, element, transition);
-          pendingTransition == null ? void 0 : pendingTransition.resolve(currentTransition.promise);
+          pendingTransition?.resolve(currentTransition.promise);
           pendingTransition = null;
         }
       } else {
@@ -108,7 +107,7 @@ const createTransition = (config) => {
           stop();
           currentTransition = null;
         }
-        if (visibleChanged || visible && (pendingTransition == null ? void 0 : pendingTransition.animated) !== animationFromToggle) {
+        if (visibleChanged || visible && pendingTransition?.animated !== animationFromToggle) {
           pendingTransition = visible && animationFromToggle != null ? {
             // toggle was called to display the element, but the element is not yet in the DOM
             // let's keep the animation setting from toggle and provide the promise for the end of toggle
@@ -117,7 +116,7 @@ const createTransition = (config) => {
           } : null;
         }
       }
-      return (pendingTransition == null ? void 0 : pendingTransition.promise) ?? (currentTransition == null ? void 0 : currentTransition.promise);
+      return pendingTransition?.promise ?? currentTransition?.promise;
     }
   );
   let lastToggle = {};

package/services/transitions/collapse.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../../dom-C2gi9OCP.cjs");
 const services_transitions_cssTransitions = require("./cssTransitions.cjs");
 const createCollapseTransition = ({
   dimension = "height",

package/services/transitions/collapse.js

@@ -1,4 +1,4 @@
-import { i as isBrowserHTMLElement, v as removeClasses, w as addClasses, x as reflow } from "../../dom-gfxqXJpK.js";
+import { i as isBrowserHTMLElement, x as removeClasses, y as addClasses, z as reflow } from "../../dom-Bcg9ORcA.js";
 import { createCSSTransition } from "./cssTransitions.js";
 const createCollapseTransition = ({
   dimension = "height",

package/services/transitions/cssTransitions.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../../dom-C2gi9OCP.cjs");
 const utils_func = require("../../utils/func.cjs");
 const promise = require("../../promise-CxCD3NYv.cjs");
 function hasTransition(element) {

package/services/transitions/cssTransitions.js

@@ -1,6 +1,6 @@
-import { i as isBrowserHTMLElement } from "../../dom-gfxqXJpK.js";
+import { i as isBrowserHTMLElement } from "../../dom-Bcg9ORcA.js";
 import { noop } from "../../utils/func.js";
-import { a as promiseFromEvent, b as promiseFromTimeout } from "../../promise-XSP94FjG.js";
+import { b as promiseFromEvent, c as promiseFromTimeout } from "../../promise-Y53vc4Ia.js";
 function hasTransition(element) {
   return window.getComputedStyle(element).transitionProperty !== "none";
 }

package/services/transitions/simpleClassTransition.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const services_transitions_cssTransitions = require("./cssTransitions.cjs");
-const utils_directive = require("../../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../../dom-C2gi9OCP.cjs");
 const createSimpleClassTransition = (config) => {
   const { animationPendingClasses, animationPendingShowClasses, animationPendingHideClasses, showClasses, hideClasses } = config;
   return services_transitions_cssTransitions.createCSSTransition((element, direction, animated, context) => {

package/services/transitions/simpleClassTransition.js

@@ -1,5 +1,5 @@
 import { createCSSTransition } from "./cssTransitions.js";
-import { v as removeClasses, w as addClasses, x as reflow } from "../../dom-gfxqXJpK.js";
+import { x as removeClasses, y as addClasses, z as reflow } from "../../dom-Bcg9ORcA.js";
 const createSimpleClassTransition = (config) => {
   const { animationPendingClasses, animationPendingShowClasses, animationPendingHideClasses, showClasses, hideClasses } = config;
   return createCSSTransition((element, direction, animated, context) => {