@agnos-ui/core 0.10.0-next.2 → 0.10.0-next.3

package/index.js

@@ -1,16 +1,16 @@
 import { FACTORY_WIDGET_NAME, INVALID_VALUE } from "./types.js";
-import { a, c, f, g } from "./accordion-DqnKGmbS.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 { a, c, f, g } from "./accordion-47EpOD36.js";
+import { c as c2, g as g2 } from "./alert-anMaigvi.js";
+import { c as c3, g as g3 } from "./collapse-CrfvGo_T.js";
+import { c as c4, g as g4, a as a2, b, m } from "./modal-cKd3qUn1.js";
+import { c as c5, g as g5 } from "./pagination-DlOyP_2C.js";
+import { c as c6, g as g6 } from "./progressbar-B5g76eMV.js";
+import { c as c7, g as g7 } from "./rating-C7C4-p4B.js";
+import { c as c8, g as g8 } from "./select-nnl00UWY.js";
+import { c as c9, g as g9 } from "./slider-B4WrdTeE.js";
+import { T, c as c10, d, g as g10 } from "./toaster-CRPErgI2.js";
+import { c as c11, g as g11 } from "./tree-CHpFqJPx.js";
+import { c as c12, g as g12 } from "./drawer-Caz4Uypu.js";
 import { createWidgetsConfig, mergeInto } from "./config.js";
 import { extendWidgetProps } from "./services/extendWidget.js";
 import { createFloatingUI } from "./services/floatingUI.js";
@@ -19,15 +19,15 @@ import { createIntersection } from "./services/intersection.js";
 import { createMatchMedia } from "./services/matchMedia.js";
 import { createNavManager, getKeyName, isInternalInputNavigation } from "./services/navManager.js";
 import { portal } from "./services/portal.js";
-import { createResizeObserver } from "./services/resizeObserver.js";
+import { createResizeObserver, createResizeObserverMap } from "./services/resizeObserver.js";
 import { siblingsInert } from "./services/siblingsInert.js";
 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 { 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 { 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-DD1hAVZy.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 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";
+import { k as k2, t as t2, j as j2, c as c14, d as d3, h as h2, i as i2, a as a4, b as b3, g as g14, e as e2, f as f3 } from "./writables-Is1bF1Vt.js";
 export {
   FACTORY_WIDGET_NAME,
   INVALID_VALUE,
@@ -62,6 +62,7 @@ export {
   c6 as createProgressbar,
   c7 as createRating,
   createResizeObserver,
+  createResizeObserverMap,
   c8 as createSelect,
   createSimpleClassTransition,
   c9 as createSlider,
@@ -70,7 +71,7 @@ export {
   c10 as createToast,
   createTransition,
   c11 as createTree,
-  j2 as createTypeEnum,
+  k2 as createTypeEnum,
   createWidgetsConfig,
   d as defaultToasterProps,
   t as directiveAttributes,
@@ -119,13 +120,14 @@ export {
   toReadableStore,
   toWritableStore,
   true$,
-  i2 as typeArray,
+  j2 as typeArray,
   c14 as typeBoolean,
   d3 as typeBooleanOrNull,
-  g14 as typeFunction,
-  h2 as typeHTMLElementOrNull,
+  h2 as typeFunction,
+  i2 as typeHTMLElementOrNull,
   a4 as typeNumber,
   b3 as typeNumberInRangeFactory,
+  g14 as typeNumberOrNull,
   e2 as typeString,
   f3 as typeStringOrNull,
   writableWithDefault,

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

@@ -1,19 +1,19 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
-const utils_writables = require("./writables-DcGT98a7.cjs");
+const utils_writables = require("./writables-Dt68gADJ.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 scrollbars = require("./scrollbars-CT87iv_6.cjs");
-const utils_directive = require("./dom-C2gi9OCP.cjs");
+const utils_directive = require("./dom-Cm9_uROp.cjs");
 const services_portal = require("./services/portal.cjs");
 const services_siblingsInert = require("./services/siblingsInert.cjs");
 const utils_widget = require("./utils/widget.cjs");
 const services_focusElement = require("./services/focusElement.cjs");
-const modalOutsideClick = Symbol();
-const modalCloseButtonClick = Symbol();
-const modalCloseEscape = Symbol();
+const modalOutsideClick = /* @__PURE__ */ Symbol();
+const modalCloseButtonClick = /* @__PURE__ */ Symbol();
+const modalCloseEscape = /* @__PURE__ */ Symbol();
 const defaultConfig = {
   animated: true,
   ariaCloseButtonLabel: "Close",

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

@@ -1,18 +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-e0tyaQpe.js";
+import { c as typeBoolean, h as typeFunction, e as typeString, i as typeHTMLElementOrNull } from "./writables-Is1bF1Vt.js";
 import { writablesForProps, stateStores } from "./utils/stores.js";
 import { createTransition } from "./services/transitions/baseTransitions.js";
 import { p as promiseFromStore } from "./promise-Y53vc4Ia.js";
 import { noop } from "./utils/func.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 { a as bindDirective, r as registrationArray, p as createAttributesDirective, n as mergeDirectives, d as directiveSubscribe, c as bindDirectiveNoArg, b as browserDirective } from "./dom-DD1hAVZy.js";
 import { portal } from "./services/portal.js";
 import { siblingsInert } from "./services/siblingsInert.js";
 import { createWidgetFactory } from "./utils/widget.js";
 import { focusElement } from "./services/focusElement.js";
-const modalOutsideClick = Symbol();
-const modalCloseButtonClick = Symbol();
-const modalCloseEscape = Symbol();
+const modalOutsideClick = /* @__PURE__ */ Symbol();
+const modalCloseButtonClick = /* @__PURE__ */ Symbol();
+const modalCloseEscape = /* @__PURE__ */ Symbol();
 const defaultConfig = {
   animated: true,
   ariaCloseButtonLabel: "Close",

package/package.json

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

package/{pagination-DvZ2rLsz.cjs → pagination-2Vor6JPZ.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-DcGT98a7.cjs");
+const utils_writables = require("./writables-Dt68gADJ.cjs");
 const utils_func = require("./utils/func.cjs");
-const utils_directive = require("./dom-C2gi9OCP.cjs");
+const utils_directive = require("./dom-Cm9_uROp.cjs");
 const utils_widget = require("./utils/widget.cjs");
 const PAGE_LINK_DEFAULT = "#";
 const defaultConfig = {

package/{pagination-BKbMROV6.js → pagination-DlOyP_2C.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-e0tyaQpe.js";
+import { m as isNumber, e as typeString, h as typeFunction, c as typeBoolean, a as typeNumber, l as clamp } from "./writables-Is1bF1Vt.js";
 import { noop } from "./utils/func.js";
-import { p as createAttributesDirective } from "./dom-Bcg9ORcA.js";
+import { p as createAttributesDirective } from "./dom-DD1hAVZy.js";
 import { createWidgetFactory } from "./utils/widget.js";
 const PAGE_LINK_DEFAULT = "#";
 const defaultConfig = {

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

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

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

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

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

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

package/{rating-DEXTGWCU.js → rating-C7C4-p4B.js}

@@ -1,7 +1,7 @@
 import { computed, writable, readable } from "@amadeus-it-group/tansu";
 import { INVALID_VALUE } from "./types.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 { p as createAttributesDirective } from "./dom-DD1hAVZy.js";
+import { e as typeString, h as typeFunction, c as typeBoolean, a as typeNumber, l as clamp, m as isNumber } from "./writables-Is1bF1Vt.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
 import { createWidgetFactory } from "./utils/widget.js";

package/{select-MFjAnIt7.cjs → select-Dhsb9msC.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-C2gi9OCP.cjs");
+const utils_directive = require("./dom-Cm9_uROp.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_widget = require("./utils/widget.cjs");

package/{select-Bw68Xdu5.js → select-nnl00UWY.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 { v as generateId, n as mergeDirectives, p as createAttributesDirective, a as bindDirective } from "./dom-Bcg9ORcA.js";
+import { v as generateId, n as mergeDirectives, p as createAttributesDirective, a as bindDirective } from "./dom-DD1hAVZy.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, bindableDerived, stateStores, true$ } from "./utils/stores.js";
 import { createWidgetFactory } from "./utils/widget.js";

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-C2gi9OCP.cjs");
+const utils_directive = require("../dom-Cm9_uROp.cjs");
 const promise = require("../promise-CxCD3NYv.cjs");
 const utils_stores = require("../utils/stores.cjs");
 const defaultConfig = {

package/services/floatingUI.js

@@ -1,6 +1,6 @@
 import { computed, derived } from "@amadeus-it-group/tansu";
 import { arrow, autoUpdate, computePosition } from "@floating-ui/dom";
-import { l as createBrowserStoreDirective, n as mergeDirectives, d as directiveSubscribe } from "../dom-Bcg9ORcA.js";
+import { l as createBrowserStoreDirective, n as mergeDirectives, d as directiveSubscribe } from "../dom-DD1hAVZy.js";
 import { a as promiseStoreToValueStore } from "../promise-Y53vc4Ia.js";
 import { writablesForProps, stateStores } from "../utils/stores.js";
 const defaultConfig = {

package/services/focusElement.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../dom-C2gi9OCP.cjs");
+const utils_directive = require("../dom-Cm9_uROp.cjs");
 const isFocusable = require("../isFocusable-DfzDLeAN.cjs");
 const stack = [];
 let stackProcessPlanned = false;

package/services/focusElement.js

@@ -1,4 +1,4 @@
-import { b as browserDirective } from "../dom-Bcg9ORcA.js";
+import { b as browserDirective } from "../dom-DD1hAVZy.js";
 import { i as isFocusable } from "../isFocusable-Ckwus82R.js";
 const stack = [];
 let stackProcessPlanned = false;

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-C2gi9OCP.cjs");
+const utils_directive = require("../dom-Cm9_uROp.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 { h as createBrowserStoreArrayDirective } from "../dom-Bcg9ORcA.js";
+import { h as createBrowserStoreArrayDirective } from "../dom-DD1hAVZy.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-C2gi9OCP.cjs");
+const utils_directive = require("../dom-Cm9_uROp.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 { w as addEvent } from "../dom-Bcg9ORcA.js";
+import { w as addEvent } from "../dom-DD1hAVZy.js";
 import { false$ } from "../utils/stores.js";
 const createMatchMedia = (query) => BROWSER ? readable(false, {
   onUse({ set }) {

package/services/navManager.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-C2gi9OCP.cjs");
+const utils_directive = require("../dom-Cm9_uROp.cjs");
 const isFocusable = require("../isFocusable-DfzDLeAN.cjs");
 const compareDomOrder = (element1, element2) => {
   if (element1 === element2) {

package/services/navManager.js

@@ -1,5 +1,5 @@
 import { writable, computed } from "@amadeus-it-group/tansu";
-import { r as registrationArray, A as computeCommonAncestor, b as browserDirective } from "../dom-Bcg9ORcA.js";
+import { r as registrationArray, A as computeCommonAncestor, b as browserDirective } from "../dom-DD1hAVZy.js";
 import { i as isFocusable } from "../isFocusable-Ckwus82R.js";
 const compareDomOrder = (element1, element2) => {
   if (element1 === element2) {

package/services/pointerdownPosition.cjs

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils_directive = require("../dom-Cm9_uROp.cjs");
+const utils_func = require("../utils/func.cjs");
+const createPointerdownPositionDirective = (onStart) => utils_directive.browserDirective((element, arg) => {
+  let activePointerId = null;
+  let activeHandlers = null;
+  let removePointerMoveEvent = utils_func.noop;
+  let removePointerUpEvent = utils_func.noop;
+  let removePointerCancelEvent = utils_func.noop;
+  const onMove = (e) => {
+    if (e.pointerId === activePointerId) {
+      e.preventDefault();
+      activeHandlers?.onMove?.(e);
+    }
+  };
+  const endCurrent = (e) => {
+    removePointerMoveEvent();
+    removePointerUpEvent();
+    removePointerCancelEvent();
+    removePointerMoveEvent = utils_func.noop;
+    removePointerUpEvent = utils_func.noop;
+    removePointerCancelEvent = utils_func.noop;
+    const handlers = activeHandlers;
+    activeHandlers = null;
+    activePointerId = null;
+    handlers?.onEnd?.(e);
+  };
+  const onEnd = (e) => {
+    if (e.pointerId === activePointerId) {
+      e.preventDefault();
+      endCurrent(e);
+    }
+  };
+  const removePointerDownEvent = utils_directive.addEvent(element, "pointerdown", (e) => {
+    if (activeHandlers) {
+      endCurrent();
+    }
+    const pointerId = e.pointerId;
+    const startResult = onStart(e, arg);
+    if (startResult) {
+      e.preventDefault();
+      activePointerId = pointerId;
+      activeHandlers = startResult;
+      removePointerMoveEvent = utils_directive.addEvent(document, "pointermove", onMove);
+      removePointerUpEvent = utils_directive.addEvent(document, "pointerup", onEnd);
+      removePointerCancelEvent = utils_directive.addEvent(document, "pointercancel", onEnd);
+    }
+  });
+  return {
+    update(newArg) {
+      arg = newArg;
+    },
+    destroy() {
+      removePointerDownEvent();
+      endCurrent();
+    }
+  };
+});
+exports.createPointerdownPositionDirective = createPointerdownPositionDirective;

package/services/pointerdownPosition.d.ts

@@ -0,0 +1,42 @@
+import type { Directive } from '../types';
+/**
+ * Configuration options for tracking pointer position after a pointerdown event.
+ */
+export interface PointerPositionHandlers {
+    /**
+     * Callback function invoked when the mouse moves after a pointerdown event.
+     * @param position - The current mouse position information including origin and current coordinates.
+     */
+    onMove?: (event: PointerEvent) => void;
+    /**
+     * Callback function invoked when the move ends after a pointerdown event.
+     */
+    onEnd?: (event?: PointerEvent) => void;
+}
+/**
+ * Creates a directive for tracking pointer position during drag operations.
+ *
+ * This function sets up event listeners that track pointer movements from an initial pointerdown event
+ * through pointermover and pointerup events. It provides a directive that can be attached to DOM elements
+ * to enable drag tracking functionality.
+ *
+ * @param onStart - Callback function invoked when the pointerdown event happens.
+ *
+ * @returns The pointerdownPositionDirective that can be applied to elements.
+ *
+ * @example
+ * ```typescript
+ * const pointerPositionDirective = createPointerdownPositionDirective((event) => {
+ *   console.log(`Drag started at (${event.clientX}, ${event.clientY})`);
+ *   return {
+ *     onMove: (event) => {
+ *       console.log(`Dragging: ${event.clientX}, dy=${event.clientY}`);
+ *     },
+ *     onEnd: () => {
+ *       console.log(`Drag ended`);
+ *     }
+ *   };
+ * });
+ * ```
+ */
+export declare const createPointerdownPositionDirective: <T = void>(onStart: (position: PointerEvent, arg: T) => PointerPositionHandlers | undefined) => Directive<T>;

package/services/pointerdownPosition.js

@@ -0,0 +1,60 @@
+import { b as browserDirective, w as addEvent } from "../dom-DD1hAVZy.js";
+import { noop } from "../utils/func.js";
+const createPointerdownPositionDirective = (onStart) => browserDirective((element, arg) => {
+  let activePointerId = null;
+  let activeHandlers = null;
+  let removePointerMoveEvent = noop;
+  let removePointerUpEvent = noop;
+  let removePointerCancelEvent = noop;
+  const onMove = (e) => {
+    if (e.pointerId === activePointerId) {
+      e.preventDefault();
+      activeHandlers?.onMove?.(e);
+    }
+  };
+  const endCurrent = (e) => {
+    removePointerMoveEvent();
+    removePointerUpEvent();
+    removePointerCancelEvent();
+    removePointerMoveEvent = noop;
+    removePointerUpEvent = noop;
+    removePointerCancelEvent = noop;
+    const handlers = activeHandlers;
+    activeHandlers = null;
+    activePointerId = null;
+    handlers?.onEnd?.(e);
+  };
+  const onEnd = (e) => {
+    if (e.pointerId === activePointerId) {
+      e.preventDefault();
+      endCurrent(e);
+    }
+  };
+  const removePointerDownEvent = addEvent(element, "pointerdown", (e) => {
+    if (activeHandlers) {
+      endCurrent();
+    }
+    const pointerId = e.pointerId;
+    const startResult = onStart(e, arg);
+    if (startResult) {
+      e.preventDefault();
+      activePointerId = pointerId;
+      activeHandlers = startResult;
+      removePointerMoveEvent = addEvent(document, "pointermove", onMove);
+      removePointerUpEvent = addEvent(document, "pointerup", onEnd);
+      removePointerCancelEvent = addEvent(document, "pointercancel", onEnd);
+    }
+  });
+  return {
+    update(newArg) {
+      arg = newArg;
+    },
+    destroy() {
+      removePointerDownEvent();
+      endCurrent();
+    }
+  };
+});
+export {
+  createPointerdownPositionDirective
+};

package/services/portal.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../dom-C2gi9OCP.cjs");
+const utils_directive = require("../dom-Cm9_uROp.cjs");
 const portal = utils_directive.browserDirective((content, newArg) => {
   let arg;
   let replaceComment;

package/services/portal.js

@@ -1,4 +1,4 @@
-import { b as browserDirective } from "../dom-Bcg9ORcA.js";
+import { b as browserDirective } from "../dom-DD1hAVZy.js";
 const portal = browserDirective((content, newArg) => {
   let arg;
   let replaceComment;

package/services/resizeObserver.cjs

@@ -1,32 +1,52 @@
 "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_directive = require("../dom-Cm9_uROp.cjs");
 const utils_func = require("../utils/func.cjs");
-const createResizeObserver = () => {
-  const { element$, directive } = utils_directive.createBrowserStoreDirective();
-  const observedElement$ = tansu.derived(
-    element$,
-    (element, set) => {
-      if (element === null) {
+const createResizeObserverMap = () => {
+  const { elements$, directive } = utils_directive.createBrowserStoreArrayDirective();
+  const dimensionsMap$ = tansu.derived(
+    elements$,
+    (elements, set) => {
+      const dimensionsMap = /* @__PURE__ */ new Map();
+      if (elements.length === 0) {
+        set(dimensionsMap);
         return utils_func.noop;
       }
       const observer = new ResizeObserver((entries) => {
-        set(entries[0]);
+        entries.forEach((entry) => dimensionsMap.set(entry.target, entry));
+        set(dimensionsMap);
       });
-      observer.observe(element);
-      return () => observer?.disconnect();
+      elements.forEach((element) => observer.observe(element));
+      return () => observer.disconnect();
     },
-    void 0
+    /* @__PURE__ */ new Map()
   );
-  return {
-    /**
-     * Store which contains the dimensions of the observed element (ResizeObserverEntry type)
-     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry | MDN documentation}
-     */
-    dimensions$: observedElement$,
-    /** Directive to be attached to html element in order to listen to resize events */
-    directive
-  };
+  return { dimensionsMap$, directive };
+};
+const createResizeObserver = () => {
+  const { dimensionsMap$, directive: arrayDirective } = createResizeObserverMap();
+  let firstElement = null;
+  const directive = utils_directive.browserDirective((element) => {
+    if (firstElement === null) {
+      firstElement = element;
+    } else {
+      console.error("createResizeObserver directive can only be applied to a single element. Use createResizeObserverMap for multiple elements.");
+      return;
+    }
+    const result = arrayDirective(element);
+    if (!result) return;
+    const originalDestroy = result.destroy;
+    return {
+      ...result,
+      destroy: () => {
+        firstElement = null;
+        originalDestroy?.();
+      }
+    };
+  });
+  const dimensions$ = tansu.derived(dimensionsMap$, (map) => firstElement ? map.get(firstElement) : void 0, void 0);
+  return { dimensions$, directive };
 };
 exports.createResizeObserver = createResizeObserver;
+exports.createResizeObserverMap = createResizeObserverMap;

package/services/resizeObserver.d.ts

@@ -1,8 +1,16 @@
 import type { ReadableSignal } from '@amadeus-it-group/tansu';
 import type { Directive, SSRHTMLElement } from '../types';
 /**
- * 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
+ * Create a resize observer that can be applied to multiple elements
+ * @returns An object containing the store with the dimensions map of observed elements (ResizeObserverEntry), the directive to be applied to the html element to be observed
+ */
+export declare const createResizeObserverMap: () => {
+    dimensionsMap$: ReadableSignal<Map<HTMLElement, ResizeObserverEntry>>;
+    directive: Directive<void, SSRHTMLElement>;
+};
+/**
+ * Create a resize observer object for a single element
+ * @returns An object containing the store with the dimensions of observed element (ResizeObserverEntry), the directive to be applied to the html element to be observed
  */
 export declare const createResizeObserver: () => {
     dimensions$: ReadableSignal<ResizeObserverEntry | undefined>;