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

package/{rating-DAb6nR67.cjs → rating-DmG4oUkr.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
 const types = require("./types.cjs");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
-const utils_writables = require("./writables-Bn3uhKEG.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_widget = require("./utils/widget.cjs");

package/scrollbars-CT87iv_6.cjs

@@ -0,0 +1,30 @@
+"use strict";
+const utils_func = require("./utils/func.cjs");
+const internalRemoveScrollbars = () => {
+  const scrollbarWidth = Math.abs(window.innerWidth - document.documentElement.clientWidth);
+  const body = document.body;
+  const bodyStyle = body.style;
+  const { overflow, paddingRight } = bodyStyle;
+  if (scrollbarWidth > 0) {
+    const actualPadding = parseFloat(window.getComputedStyle(body).paddingRight);
+    bodyStyle.paddingRight = `${actualPadding + scrollbarWidth}px`;
+  }
+  bodyStyle.overflow = "hidden";
+  return () => {
+    if (scrollbarWidth > 0) {
+      bodyStyle.paddingRight = paddingRight;
+    }
+    bodyStyle.overflow = overflow;
+  };
+};
+let internalRevert = utils_func.noop;
+const removeScrollbars = () => {
+  internalRevert();
+  internalRevert = internalRemoveScrollbars();
+};
+const revertScrollbars = () => {
+  internalRevert();
+  internalRevert = utils_func.noop;
+};
+exports.removeScrollbars = removeScrollbars;
+exports.revertScrollbars = revertScrollbars;

package/scrollbars-CcxSrnCx.js

@@ -0,0 +1,31 @@
+import { noop } from "./utils/func.js";
+const internalRemoveScrollbars = () => {
+  const scrollbarWidth = Math.abs(window.innerWidth - document.documentElement.clientWidth);
+  const body = document.body;
+  const bodyStyle = body.style;
+  const { overflow, paddingRight } = bodyStyle;
+  if (scrollbarWidth > 0) {
+    const actualPadding = parseFloat(window.getComputedStyle(body).paddingRight);
+    bodyStyle.paddingRight = `${actualPadding + scrollbarWidth}px`;
+  }
+  bodyStyle.overflow = "hidden";
+  return () => {
+    if (scrollbarWidth > 0) {
+      bodyStyle.paddingRight = paddingRight;
+    }
+    bodyStyle.overflow = overflow;
+  };
+};
+let internalRevert = noop;
+const removeScrollbars = () => {
+  internalRevert();
+  internalRevert = internalRemoveScrollbars();
+};
+const revertScrollbars = () => {
+  internalRevert();
+  internalRevert = noop;
+};
+export {
+  revertScrollbars as a,
+  removeScrollbars as r
+};

package/{select-BdjpnE7_.js → select-Bw68Xdu5.js}

@@ -3,7 +3,7 @@ import { offset, autoPlacement, size } from "@floating-ui/dom";
 import { createFloatingUI } from "./services/floatingUI.js";
 import { createHasFocus } from "./services/focustrack.js";
 import { createNavManager } from "./services/navManager.js";
-import { t as generateId, k as mergeDirectives, n as createAttributesDirective, a as bindDirective } from "./dom-gfxqXJpK.js";
+import { v as generateId, n as mergeDirectives, p as createAttributesDirective, a as bindDirective } from "./dom-Bcg9ORcA.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, bindableDerived, stateStores, true$ } from "./utils/stores.js";
 import { createWidgetFactory } from "./utils/widget.js";
@@ -70,7 +70,7 @@ const createSelect = createWidgetFactory("select", (config) => {
     return selectedItemsContext;
   });
   const selectedContexts$ = computed(() => [...selectedContextsMap$().values()]);
-  const highlightedIndex$ = function() {
+  const highlightedIndex$ = (function() {
     const store = writable(0);
     return asWritable(store, (index) => {
       const { length } = visibleItems$();
@@ -85,7 +85,7 @@ const createSelect = createWidgetFactory("select", (config) => {
       }
       store.set(index);
     });
-  }();
+  })();
   const itemContexts$ = computed(() => {
     const itemContexts = /* @__PURE__ */ new Map();
     if (open$()) {
@@ -318,7 +318,6 @@ const createSelect = createWidgetFactory("select", (config) => {
           return;
         }
         selected$.update((selectedItems) => {
-          var _a;
           selectedItems = [...selectedItems];
           if (selected && !isInSelected) {
             selectedItems.push(item);
@@ -326,7 +325,7 @@ const createSelect = 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/{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);
     }
   };
 });