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

package/index.cjs

@@ -1,16 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const types = require("./types.cjs");
-const accordion = require("./accordion-cR5JqWJ8.cjs");
-const alert = require("./alert-DtDozJal.cjs");
-const modal = require("./modal-BEnQ6c5M.cjs");
-const pagination = require("./pagination-C1TT-oea.cjs");
-const progressbar = require("./progressbar-CRvhNB5R.cjs");
-const rating = require("./rating-DAb6nR67.cjs");
-const select = require("./select-C0rJJQfl.cjs");
-const slider = require("./slider-DSx5CAce.cjs");
-const toaster = require("./toaster-Cayg6Lbq.cjs");
-const tree = require("./tree-Pvr2rZ-D.cjs");
+const accordion = require("./accordion-yD-czBna.cjs");
+const alert = require("./alert-B-jQDQcB.cjs");
+const collapse = require("./collapse-gLiT080Y.cjs");
+const modal = require("./modal-DiXZXYjR.cjs");
+const pagination = require("./pagination-DvZ2rLsz.cjs");
+const progressbar = require("./progressbar-i9xfAxb7.cjs");
+const rating = require("./rating-DmG4oUkr.cjs");
+const select = require("./select-MFjAnIt7.cjs");
+const slider = require("./slider-Dl4Trh32.cjs");
+const toaster = require("./toaster-UDglac7x.cjs");
+const tree = require("./tree-rGHtmCnS.cjs");
+const drawer = require("./drawer-DP7UPojk.cjs");
 const config = require("./config.cjs");
 const services_extendWidget = require("./services/extendWidget.cjs");
 const services_floatingUI = require("./services/floatingUI.cjs");
@@ -25,9 +27,9 @@ const services_hash = require("./services/hash.cjs");
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const services_transitions_cssTransitions = require("./services/transitions/cssTransitions.cjs");
 const services_transitions_simpleClassTransition = require("./services/transitions/simpleClassTransition.cjs");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
 const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-Bn3uhKEG.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
 exports.FACTORY_WIDGET_NAME = types.FACTORY_WIDGET_NAME;
 exports.INVALID_VALUE = types.INVALID_VALUE;
 exports.createAccordion = accordion.createAccordion;
@@ -36,9 +38,12 @@ exports.factoryCreateAccordion = accordion.factoryCreateAccordion;
 exports.getAccordionDefaultConfig = accordion.getAccordionDefaultConfig;
 exports.createAlert = alert.createAlert;
 exports.getAlertDefaultConfig = alert.getAlertDefaultConfig;
+exports.createCollapse = collapse.createCollapse;
+exports.getCollapseDefaultConfig = collapse.getCollapseDefaultConfig;
 exports.createModal = modal.createModal;
 exports.getModalDefaultConfig = modal.getModalDefaultConfig;
 exports.modalCloseButtonClick = modal.modalCloseButtonClick;
+exports.modalCloseEscape = modal.modalCloseEscape;
 exports.modalOutsideClick = modal.modalOutsideClick;
 exports.createPagination = pagination.createPagination;
 exports.getPaginationDefaultConfig = pagination.getPaginationDefaultConfig;
@@ -56,6 +61,8 @@ exports.defaultToasterProps = toaster.defaultToasterProps;
 exports.getToastDefaultConfig = toaster.getToastDefaultConfig;
 exports.createTree = tree.createTree;
 exports.getTreeDefaultConfig = tree.getTreeDefaultConfig;
+exports.createDrawer = drawer.createDrawer;
+exports.getDrawerDefaultConfig = drawer.getDrawerDefaultConfig;
 exports.createWidgetsConfig = config.createWidgetsConfig;
 exports.mergeInto = config.mergeInto;
 exports.extendWidgetProps = services_extendWidget.extendWidgetProps;
@@ -85,6 +92,8 @@ exports.classDirective = utils_directive.classDirective;
 exports.createAttributesDirective = utils_directive.createAttributesDirective;
 exports.createBrowserStoreArrayDirective = utils_directive.createBrowserStoreArrayDirective;
 exports.createBrowserStoreDirective = utils_directive.createBrowserStoreDirective;
+exports.createConditionalBrowserStoreArrayDirective = utils_directive.createConditionalBrowserStoreArrayDirective;
+exports.createConditionalStoreArrayDirective = utils_directive.createConditionalStoreArrayDirective;
 exports.createStoreArrayDirective = utils_directive.createStoreArrayDirective;
 exports.createStoreDirective = utils_directive.createStoreDirective;
 exports.directiveAttributes = utils_directive.directiveAttributes;

package/index.d.ts

@@ -1,6 +1,7 @@
 export * from './types';
 export * from './components/accordion';
 export * from './components/alert';
+export * from './components/collapse';
 export * from './components/modal';
 export * from './components/pagination';
 export * from './components/progressbar';
@@ -9,6 +10,7 @@ export * from './components/select';
 export * from './components/slider';
 export * from './components/toast';
 export * from './components/tree';
+export * from './components/drawer';
 export * from './config';
 export * from './services/extendWidget';
 export * from './services/floatingUI';

package/index.js

@@ -1,14 +1,16 @@
 import { FACTORY_WIDGET_NAME, INVALID_VALUE } from "./types.js";
-import { a, c, f, g } from "./accordion-CoM4efp-.js";
-import { c as c2, g as g2 } from "./alert-YIlqdEPO.js";
-import { c as c3, g as g3, a as a2, m } from "./modal-D3wGIDlj.js";
-import { c as c4, g as g4 } from "./pagination-B97wBLok.js";
-import { c as c5, g as g5 } from "./progressbar-BWBlRk_Y.js";
-import { c as c6, g as g6 } from "./rating-BXvy9kXq.js";
-import { c as c7, g as g7 } from "./select-BdjpnE7_.js";
-import { c as c8, g as g8 } from "./slider-BmxQ3A_u.js";
-import { T, c as c9, d, g as g9 } from "./toaster-XfzHDqz_.js";
-import { c as c10, g as g10 } from "./tree-BFrXdJox.js";
+import { a, c, f, g } from "./accordion-CcirvrjR.js";
+import { c as c2, g as g2 } from "./alert-gGz2CDS9.js";
+import { c as c3, g as g3 } from "./collapse-BV4kD3j9.js";
+import { c as c4, g as g4, a as a2, b, m } from "./modal-CAvQW-vo.js";
+import { c as c5, g as g5 } from "./pagination-BKbMROV6.js";
+import { c as c6, g as g6 } from "./progressbar-D8zIcm9n.js";
+import { c as c7, g as g7 } from "./rating-DEXTGWCU.js";
+import { c as c8, g as g8 } from "./select-Bw68Xdu5.js";
+import { c as c9, g as g9 } from "./slider-Cx50Eghd.js";
+import { T, c as c10, d, g as g10 } from "./toaster-_p1GTtHI.js";
+import { c as c11, g as g11 } from "./tree-DV0tfPlZ.js";
+import { c as c12, g as g12 } from "./drawer-D5SO73ew.js";
 import { createWidgetsConfig, mergeInto } from "./config.js";
 import { extendWidgetProps } from "./services/extendWidget.js";
 import { createFloatingUI } from "./services/floatingUI.js";
@@ -23,51 +25,55 @@ import { hash$ } from "./services/hash.js";
 import { createTransition, noAnimation } from "./services/transitions/baseTransitions.js";
 import { createCSSTransition, getTransitionDurationMs, hasTransition } from "./services/transitions/cssTransitions.js";
 import { createSimpleClassTransition } from "./services/transitions/simpleClassTransition.js";
-import { o, a as a3, c as c11, b, p, n, g as g11, j, f as f2, h, q, d as d2, e, i, m as m2, k, l, r, s } from "./dom-gfxqXJpK.js";
+import { q, a as a3, c as c13, b as b2, s, p, h, l, j, f as f2, g as g13, k, t, d as d2, e, i, m as m2, n, o, r, u } from "./dom-Bcg9ORcA.js";
 import { bindableDerived, bindableProp, createPatch, false$, findChangedProperties, idWithDefault, isStore, mergeConfigStores, normalizeConfigStores, stateStores, toReadableStore, toWritableStore, true$, writableWithDefault, writablesForProps, writablesWithDefault } from "./utils/stores.js";
-import { j as j2, t, i as i2, c as c12, d as d3, g as g12, h as h2, a as a4, b as b2, e as e2, f as f3 } from "./writables-CgpOQ4hA.js";
+import { j as j2, t as t2, i as i2, c as c14, d as d3, g as g14, h as h2, a as a4, b as b3, e as e2, f as f3 } from "./writables-e0tyaQpe.js";
 export {
   FACTORY_WIDGET_NAME,
   INVALID_VALUE,
   T as Toaster,
   activeElement$,
-  o as attributesData,
+  q as attributesData,
   a3 as bindDirective,
-  c11 as bindDirectiveNoArg,
+  c13 as bindDirectiveNoArg,
   bindableDerived,
   bindableProp,
-  b as browserDirective,
-  p as classDirective,
+  b2 as browserDirective,
+  s as classDirective,
   a as createAccordion,
   c as createAccordionItem,
   c2 as createAlert,
-  n as createAttributesDirective,
-  g11 as createBrowserStoreArrayDirective,
-  j as createBrowserStoreDirective,
+  p as createAttributesDirective,
+  h as createBrowserStoreArrayDirective,
+  l as createBrowserStoreDirective,
   createCSSTransition,
+  c3 as createCollapse,
+  j as createConditionalBrowserStoreArrayDirective,
+  f2 as createConditionalStoreArrayDirective,
+  c12 as createDrawer,
   createFloatingUI,
   createHasFocus,
   createIntersection,
   createMatchMedia,
-  c3 as createModal,
+  c4 as createModal,
   createNavManager,
-  c4 as createPagination,
+  c5 as createPagination,
   createPatch,
-  c5 as createProgressbar,
-  c6 as createRating,
+  c6 as createProgressbar,
+  c7 as createRating,
   createResizeObserver,
-  c7 as createSelect,
+  c8 as createSelect,
   createSimpleClassTransition,
-  c8 as createSlider,
-  f2 as createStoreArrayDirective,
-  h as createStoreDirective,
-  c9 as createToast,
+  c9 as createSlider,
+  g13 as createStoreArrayDirective,
+  k as createStoreDirective,
+  c10 as createToast,
   createTransition,
-  c10 as createTree,
+  c11 as createTree,
   j2 as createTypeEnum,
   createWidgetsConfig,
   d as defaultToasterProps,
-  q as directiveAttributes,
+  t as directiveAttributes,
   d2 as directiveSubscribe,
   e as directiveUpdate,
   extendWidgetProps,
@@ -76,16 +82,18 @@ export {
   findChangedProperties,
   g as getAccordionDefaultConfig,
   g2 as getAlertDefaultConfig,
+  g3 as getCollapseDefaultConfig,
+  g12 as getDrawerDefaultConfig,
   getKeyName,
-  g3 as getModalDefaultConfig,
-  g4 as getPaginationDefaultConfig,
-  g5 as getProgressbarDefaultConfig,
-  g6 as getRatingDefaultConfig,
-  g7 as getSelectDefaultConfig,
-  g8 as getSliderDefaultConfig,
-  g9 as getToastDefaultConfig,
+  g4 as getModalDefaultConfig,
+  g5 as getPaginationDefaultConfig,
+  g6 as getProgressbarDefaultConfig,
+  g7 as getRatingDefaultConfig,
+  g8 as getSelectDefaultConfig,
+  g9 as getSliderDefaultConfig,
+  g10 as getToastDefaultConfig,
   getTransitionDurationMs,
-  g10 as getTreeDefaultConfig,
+  g11 as getTreeDefaultConfig,
   hasTransition,
   hash$,
   idWithDefault,
@@ -94,29 +102,30 @@ export {
   isStore,
   m2 as mapDirectiveArg,
   mergeConfigStores,
-  k as mergeDirectives,
+  n as mergeDirectives,
   mergeInto,
   a2 as modalCloseButtonClick,
+  b as modalCloseEscape,
   m as modalOutsideClick,
-  l as multiDirective,
+  o as multiDirective,
   noAnimation,
   normalizeConfigStores,
   portal,
   r as registrationArray,
   siblingsInert,
-  s as ssrAttributes,
+  u as ssrAttributes,
   stateStores,
-  t as testToNormalizeValue,
+  t2 as testToNormalizeValue,
   toReadableStore,
   toWritableStore,
   true$,
   i2 as typeArray,
-  c12 as typeBoolean,
+  c14 as typeBoolean,
   d3 as typeBooleanOrNull,
-  g12 as typeFunction,
+  g14 as typeFunction,
   h2 as typeHTMLElementOrNull,
   a4 as typeNumber,
-  b2 as typeNumberInRangeFactory,
+  b3 as typeNumberInRangeFactory,
   e2 as typeString,
   f3 as typeStringOrNull,
   writableWithDefault,

package/isFocusable-Ckwus82R.js

@@ -0,0 +1,32 @@
+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) => {
+  if (element.disabled) {
+    return false;
+  }
+  const parentFieldset = element.parentElement?.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);
+};
+export {
+  isFocusable as i
+};

package/isFocusable-DfzDLeAN.cjs

@@ -0,0 +1,31 @@
+"use strict";
+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) => {
+  if (element.disabled) {
+    return false;
+  }
+  const parentFieldset = element.parentElement?.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);
+};
+exports.isFocusable = isFocusable;

package/{modal-D3wGIDlj.js → modal-CAvQW-vo.js}

@@ -1,41 +1,18 @@
 import { computed, readable } from "@amadeus-it-group/tansu";
-import { c as typeBoolean, g as typeFunction, e as typeString, h as typeHTMLElementOrNull } from "./writables-CgpOQ4hA.js";
+import { c as typeBoolean, g as typeFunction, e as typeString, h as typeHTMLElementOrNull } from "./writables-e0tyaQpe.js";
 import { writablesForProps, stateStores } from "./utils/stores.js";
 import { createTransition } from "./services/transitions/baseTransitions.js";
-import { d as promiseFromStore } from "./promise-XSP94FjG.js";
+import { p as promiseFromStore } from "./promise-Y53vc4Ia.js";
 import { noop } from "./utils/func.js";
-import { a as bindDirective, r as registrationArray, n as createAttributesDirective, k as mergeDirectives, d as directiveSubscribe, b as browserDirective } from "./dom-gfxqXJpK.js";
+import { r as removeScrollbars, a as revertScrollbars } from "./scrollbars-CcxSrnCx.js";
+import { a as bindDirective, r as registrationArray, p as createAttributesDirective, n as mergeDirectives, d as directiveSubscribe, c as bindDirectiveNoArg, b as browserDirective } from "./dom-Bcg9ORcA.js";
 import { portal } from "./services/portal.js";
 import { siblingsInert } from "./services/siblingsInert.js";
 import { createWidgetFactory } from "./utils/widget.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;
-};
+import { focusElement } from "./services/focusElement.js";
 const modalOutsideClick = Symbol();
 const modalCloseButtonClick = Symbol();
+const modalCloseEscape = Symbol();
 const defaultConfig = {
   animated: true,
   ariaCloseButtonLabel: "Close",
@@ -160,7 +137,7 @@ const createModal = createWidgetFactory("modal", (config$) => {
       const element = container ? modalTransition.stores.element$() : void 0;
       return {
         container,
-        insertBefore: (element == null ? void 0 : element.parentElement) === container ? element : void 0
+        insertBefore: element?.parentElement === container ? element : void 0
       };
     })
   );
@@ -187,13 +164,23 @@ const createModal = createWidgetFactory("modal", (config$) => {
   }));
   const modalAttributeDirective = createAttributesDirective(() => ({
     attributes: {
-      class: className$
+      class: className$,
+      tabIndex: readable("-1")
     },
     events: {
       click: (event) => {
         if (event.currentTarget === event.target && closeOnOutsideClick$()) {
           close(modalOutsideClick);
         }
+      },
+      keydown: (event) => {
+        const { key } = event;
+        switch (key) {
+          case "Escape":
+            close(modalCloseEscape);
+            event.stopPropagation();
+            break;
+        }
       }
     }
   }));
@@ -214,7 +201,13 @@ const createModal = createWidgetFactory("modal", (config$) => {
       modalPortalDirective,
       backdropPortalDirective,
       backdropDirective: mergeDirectives(backdropTransition.directives.directive, backdropAttributeDirective),
-      modalDirective: mergeDirectives(modalTransition.directives.directive, siblingsInert, directiveSubscribe(action$), modalAttributeDirective),
+      modalDirective: mergeDirectives(
+        modalTransition.directives.directive,
+        bindDirectiveNoArg(siblingsInert),
+        directiveSubscribe(action$),
+        modalAttributeDirective,
+        focusElement
+      ),
       closeButtonDirective,
       dialogDirective: bindDirective(
         browserDirective((dialog, visible) => {
@@ -248,6 +241,7 @@ const createModal = createWidgetFactory("modal", (config$) => {
 });
 export {
   modalCloseButtonClick as a,
+  modalCloseEscape as b,
   createModal as c,
   getModalDefaultConfig as g,
   modalOutsideClick as m

package/{modal-BEnQ6c5M.cjs → modal-DiXZXYjR.cjs}

@@ -1,42 +1,19 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
-const utils_writables = require("./writables-Bn3uhKEG.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const promise = require("./promise-CxCD3NYv.cjs");
 const utils_func = require("./utils/func.cjs");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
+const scrollbars = require("./scrollbars-CT87iv_6.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
 const services_portal = require("./services/portal.cjs");
 const services_siblingsInert = require("./services/siblingsInert.cjs");
 const utils_widget = require("./utils/widget.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;
-};
+const services_focusElement = require("./services/focusElement.cjs");
 const modalOutsideClick = Symbol();
 const modalCloseButtonClick = Symbol();
+const modalCloseEscape = Symbol();
 const defaultConfig = {
   animated: true,
   ariaCloseButtonLabel: "Close",
@@ -78,9 +55,9 @@ const modals$ = utils_directive.registrationArray();
 const hasModals$ = tansu.computed(() => modals$().length > 0);
 const scrollbarsAction$ = tansu.computed(() => {
   if (hasModals$()) {
-    removeScrollbars();
+    scrollbars.removeScrollbars();
   } else {
-    revertScrollbars();
+    scrollbars.revertScrollbars();
   }
 });
 const modalsAction$ = tansu.computed(() => {
@@ -161,7 +138,7 @@ const createModal = utils_widget.createWidgetFactory("modal", (config$) => {
       const element = container ? modalTransition.stores.element$() : void 0;
       return {
         container,
-        insertBefore: (element == null ? void 0 : element.parentElement) === container ? element : void 0
+        insertBefore: element?.parentElement === container ? element : void 0
       };
     })
   );
@@ -188,13 +165,23 @@ const createModal = utils_widget.createWidgetFactory("modal", (config$) => {
   }));
   const modalAttributeDirective = utils_directive.createAttributesDirective(() => ({
     attributes: {
-      class: className$
+      class: className$,
+      tabIndex: tansu.readable("-1")
     },
     events: {
       click: (event) => {
         if (event.currentTarget === event.target && closeOnOutsideClick$()) {
           close(modalOutsideClick);
         }
+      },
+      keydown: (event) => {
+        const { key } = event;
+        switch (key) {
+          case "Escape":
+            close(modalCloseEscape);
+            event.stopPropagation();
+            break;
+        }
       }
     }
   }));
@@ -215,7 +202,13 @@ const createModal = utils_widget.createWidgetFactory("modal", (config$) => {
       modalPortalDirective,
       backdropPortalDirective,
       backdropDirective: utils_directive.mergeDirectives(backdropTransition.directives.directive, backdropAttributeDirective),
-      modalDirective: utils_directive.mergeDirectives(modalTransition.directives.directive, services_siblingsInert.siblingsInert, utils_directive.directiveSubscribe(action$), modalAttributeDirective),
+      modalDirective: utils_directive.mergeDirectives(
+        modalTransition.directives.directive,
+        utils_directive.bindDirectiveNoArg(services_siblingsInert.siblingsInert),
+        utils_directive.directiveSubscribe(action$),
+        modalAttributeDirective,
+        services_focusElement.focusElement
+      ),
       closeButtonDirective,
       dialogDirective: utils_directive.bindDirective(
         utils_directive.browserDirective((dialog, visible) => {
@@ -250,4 +243,5 @@ const createModal = utils_widget.createWidgetFactory("modal", (config$) => {
 exports.createModal = createModal;
 exports.getModalDefaultConfig = getModalDefaultConfig;
 exports.modalCloseButtonClick = modalCloseButtonClick;
+exports.modalCloseEscape = modalCloseEscape;
 exports.modalOutsideClick = modalOutsideClick;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/core",
 	"description": "Framework-agnostic headless component library.",
-	"version": "0.9.2",
+	"version": "0.10.0-next.0",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",

package/{pagination-B97wBLok.js → pagination-BKbMROV6.js}

@@ -1,8 +1,8 @@
 import { computed } from "@amadeus-it-group/tansu";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
-import { l as isNumber, e as typeString, g as typeFunction, c as typeBoolean, a as typeNumber, k as clamp } from "./writables-CgpOQ4hA.js";
+import { l as isNumber, e as typeString, g as typeFunction, c as typeBoolean, a as typeNumber, k as clamp } from "./writables-e0tyaQpe.js";
 import { noop } from "./utils/func.js";
-import { n as createAttributesDirective } from "./dom-gfxqXJpK.js";
+import { p as createAttributesDirective } from "./dom-Bcg9ORcA.js";
 import { createWidgetFactory } from "./utils/widget.js";
 const PAGE_LINK_DEFAULT = "#";
 const defaultConfig = {
@@ -110,10 +110,10 @@ const createPagination = createWidgetFactory("pagination", (config) => {
   const ariaLiveLabelText$ = computed(() => ariaLiveLabel$()(page$(), pageCount$()));
   function handleNavigation(pageNumber, event) {
     if (pagesHrefs$()[pageNumber - 1] === PAGE_LINK_DEFAULT) {
-      event == null ? void 0 : event.preventDefault();
+      event?.preventDefault();
     }
     if (!event || !(event.ctrlKey || event.metaKey)) {
-      event == null ? void 0 : event.preventDefault();
+      event?.preventDefault();
       page$.set(pageNumber);
     }
   }

package/{pagination-C1TT-oea.cjs → pagination-DvZ2rLsz.cjs}

@@ -1,9 +1,9 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
 const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-Bn3uhKEG.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
 const utils_func = require("./utils/func.cjs");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
 const utils_widget = require("./utils/widget.cjs");
 const PAGE_LINK_DEFAULT = "#";
 const defaultConfig = {
@@ -111,10 +111,10 @@ const createPagination = utils_widget.createWidgetFactory("pagination", (config)
   const ariaLiveLabelText$ = tansu.computed(() => ariaLiveLabel$()(page$(), pageCount$()));
   function handleNavigation(pageNumber, event) {
     if (pagesHrefs$()[pageNumber - 1] === PAGE_LINK_DEFAULT) {
-      event == null ? void 0 : event.preventDefault();
+      event?.preventDefault();
     }
     if (!event || !(event.ctrlKey || event.metaKey)) {
-      event == null ? void 0 : event.preventDefault();
+      event?.preventDefault();
       page$.set(pageNumber);
     }
   }

package/{progressbar-BWBlRk_Y.js → progressbar-D8zIcm9n.js}

@@ -1,7 +1,7 @@
-import { k as clamp, g as typeFunction, e as typeString, a as typeNumber } from "./writables-CgpOQ4hA.js";
+import { k as clamp, g as typeFunction, e as typeString, a as typeNumber } from "./writables-e0tyaQpe.js";
 import { writablesForProps, stateStores } from "./utils/stores.js";
 import { computed, readable } from "@amadeus-it-group/tansu";
-import { n as createAttributesDirective } from "./dom-gfxqXJpK.js";
+import { p as createAttributesDirective } from "./dom-Bcg9ORcA.js";
 import { createWidgetFactory } from "./utils/widget.js";
 const defaultConfig = {
   min: 0,

package/{progressbar-CRvhNB5R.cjs → progressbar-i9xfAxb7.cjs}

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

package/{promise-XSP94FjG.js → promise-Y53vc4Ia.js}

@@ -111,9 +111,9 @@ const promiseWithResolve = () => {
   return { promise, resolve };
 };
 export {
-  promiseFromEvent as a,
-  promiseFromTimeout as b,
-  promiseWithResolve as c,
-  promiseFromStore as d,
-  promiseStoreToValueStore as p
+  promiseStoreToValueStore as a,
+  promiseFromEvent as b,
+  promiseFromTimeout as c,
+  promiseWithResolve as d,
+  promiseFromStore as p
 };

package/{rating-BXvy9kXq.js → rating-DEXTGWCU.js}

@@ -1,7 +1,7 @@
 import { computed, writable, readable } from "@amadeus-it-group/tansu";
 import { INVALID_VALUE } from "./types.js";
-import { n as createAttributesDirective } from "./dom-gfxqXJpK.js";
-import { e as typeString, g as typeFunction, c as typeBoolean, a as typeNumber, k as clamp, l as isNumber } from "./writables-CgpOQ4hA.js";
+import { p as createAttributesDirective } from "./dom-Bcg9ORcA.js";
+import { e as typeString, g as typeFunction, c as typeBoolean, a as typeNumber, k as clamp, l as isNumber } from "./writables-e0tyaQpe.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
 import { createWidgetFactory } from "./utils/widget.js";