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

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>;

package/services/resizeObserver.js

@@ -1,32 +1,52 @@
 import { derived } from "@amadeus-it-group/tansu";
-import { l as createBrowserStoreDirective } from "../dom-Bcg9ORcA.js";
+import { h as createBrowserStoreArrayDirective, b as browserDirective } from "../dom-DD1hAVZy.js";
 import { noop } from "../utils/func.js";
-const createResizeObserver = () => {
-  const { element$, directive } = createBrowserStoreDirective();
-  const observedElement$ = derived(
-    element$,
-    (element, set) => {
-      if (element === null) {
+const createResizeObserverMap = () => {
+  const { elements$, directive } = createBrowserStoreArrayDirective();
+  const dimensionsMap$ = derived(
+    elements$,
+    (elements, set) => {
+      const dimensionsMap = /* @__PURE__ */ new Map();
+      if (elements.length === 0) {
+        set(dimensionsMap);
         return 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 = 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$ = derived(dimensionsMap$, (map) => firstElement ? map.get(firstElement) : void 0, void 0);
+  return { dimensions$, directive };
 };
 export {
-  createResizeObserver
+  createResizeObserver,
+  createResizeObserverMap
 };

package/services/siblingsInert.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 utils_func = require("../utils/func.cjs");
 const ignoreInertAttributeName = "data-agnos-ignore-inert";
 const applyInertToSiblingsRecursively = (element) => {

package/services/siblingsInert.js

@@ -1,5 +1,5 @@
 import { computed } from "@amadeus-it-group/tansu";
-import { j as createConditionalBrowserStoreArrayDirective, n as mergeDirectives, d as directiveSubscribe } from "../dom-Bcg9ORcA.js";
+import { j as createConditionalBrowserStoreArrayDirective, n as mergeDirectives, d as directiveSubscribe } from "../dom-DD1hAVZy.js";
 import { noop } from "../utils/func.js";
 const ignoreInertAttributeName = "data-agnos-ignore-inert";
 const applyInertToSiblingsRecursively = (element) => {

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-DcGT98a7.cjs");
+const utils_writables = require("../../writables-Dt68gADJ.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-C2gi9OCP.cjs");
+const utils_directive = require("../../dom-Cm9_uROp.cjs");
 const neverEndingPromise = new Promise(utils_func.noop);
 const noAnimation = (element, direction) => {
   element.style.display = direction === "show" ? "" : "none";

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-e0tyaQpe.js";
+import { d as typeBooleanOrNull, h as typeFunction, c as typeBoolean } from "../../writables-Is1bF1Vt.js";
 import { d as promiseWithResolve } from "../../promise-Y53vc4Ia.js";
 import { noop } from "../../utils/func.js";
 import { writablesForProps, bindableDerived, stateStores } from "../../utils/stores.js";
-import { k as createStoreDirective, n as mergeDirectives, d as directiveSubscribe } from "../../dom-Bcg9ORcA.js";
+import { k as createStoreDirective, n as mergeDirectives, d as directiveSubscribe } from "../../dom-DD1hAVZy.js";
 const neverEndingPromise = new Promise(noop);
 const noAnimation = (element, direction) => {
   element.style.display = direction === "show" ? "" : "none";

package/services/transitions/collapse.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 services_transitions_cssTransitions = require("./cssTransitions.cjs");
 const createCollapseTransition = ({
   dimension = "height",
@@ -10,20 +10,16 @@ const createCollapseTransition = ({
 } = {}) => services_transitions_cssTransitions.createCSSTransition((element, direction, animated, context) => {
   if (animated && utils_directive.isBrowserHTMLElement(element)) {
     let { maxSize, minSize } = context;
-    if (!maxSize) {
-      utils_directive.removeClasses(element, animationPendingClasses);
-      utils_directive.removeClasses(element, hideClasses);
-      utils_directive.addClasses(element, showClasses);
-      maxSize = element.getBoundingClientRect()[dimension] + "px";
-      context.maxSize = maxSize;
-    }
-    if (!minSize) {
-      utils_directive.removeClasses(element, animationPendingClasses);
-      utils_directive.removeClasses(element, showClasses);
-      utils_directive.addClasses(element, hideClasses);
-      minSize = element.getBoundingClientRect()[dimension] + "px";
-      context.minSize = minSize;
-    }
+    utils_directive.removeClasses(element, animationPendingClasses);
+    utils_directive.removeClasses(element, hideClasses);
+    utils_directive.addClasses(element, showClasses);
+    maxSize = element.getBoundingClientRect()[dimension] + "px";
+    context.maxSize = maxSize;
+    utils_directive.removeClasses(element, animationPendingClasses);
+    utils_directive.removeClasses(element, showClasses);
+    utils_directive.addClasses(element, hideClasses);
+    minSize = element.getBoundingClientRect()[dimension] + "px";
+    context.minSize = minSize;
     utils_directive.removeClasses(element, showClasses);
     utils_directive.removeClasses(element, hideClasses);
     const values = direction === "show" ? [minSize, maxSize] : [maxSize, minSize];

package/services/transitions/collapse.js

@@ -1,4 +1,4 @@
-import { i as isBrowserHTMLElement, x as removeClasses, y as addClasses, z as reflow } from "../../dom-Bcg9ORcA.js";
+import { i as isBrowserHTMLElement, x as removeClasses, y as addClasses, z as reflow } from "../../dom-DD1hAVZy.js";
 import { createCSSTransition } from "./cssTransitions.js";
 const createCollapseTransition = ({
   dimension = "height",
@@ -8,20 +8,16 @@ const createCollapseTransition = ({
 } = {}) => createCSSTransition((element, direction, animated, context) => {
   if (animated && isBrowserHTMLElement(element)) {
     let { maxSize, minSize } = context;
-    if (!maxSize) {
-      removeClasses(element, animationPendingClasses);
-      removeClasses(element, hideClasses);
-      addClasses(element, showClasses);
-      maxSize = element.getBoundingClientRect()[dimension] + "px";
-      context.maxSize = maxSize;
-    }
-    if (!minSize) {
-      removeClasses(element, animationPendingClasses);
-      removeClasses(element, showClasses);
-      addClasses(element, hideClasses);
-      minSize = element.getBoundingClientRect()[dimension] + "px";
-      context.minSize = minSize;
-    }
+    removeClasses(element, animationPendingClasses);
+    removeClasses(element, hideClasses);
+    addClasses(element, showClasses);
+    maxSize = element.getBoundingClientRect()[dimension] + "px";
+    context.maxSize = maxSize;
+    removeClasses(element, animationPendingClasses);
+    removeClasses(element, showClasses);
+    addClasses(element, hideClasses);
+    minSize = element.getBoundingClientRect()[dimension] + "px";
+    context.minSize = minSize;
     removeClasses(element, showClasses);
     removeClasses(element, hideClasses);
     const values = direction === "show" ? [minSize, maxSize] : [maxSize, minSize];

package/services/transitions/cssTransitions.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 utils_func = require("../../utils/func.cjs");
 const promise = require("../../promise-CxCD3NYv.cjs");
 function hasTransition(element) {

package/services/transitions/cssTransitions.js

@@ -1,4 +1,4 @@
-import { i as isBrowserHTMLElement } from "../../dom-Bcg9ORcA.js";
+import { i as isBrowserHTMLElement } from "../../dom-DD1hAVZy.js";
 import { noop } from "../../utils/func.js";
 import { b as promiseFromEvent, c as promiseFromTimeout } from "../../promise-Y53vc4Ia.js";
 function hasTransition(element) {

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-C2gi9OCP.cjs");
+const utils_directive = require("../../dom-Cm9_uROp.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 { x as removeClasses, y as addClasses, z as reflow } from "../../dom-Bcg9ORcA.js";
+import { x as removeClasses, y as addClasses, z as reflow } from "../../dom-DD1hAVZy.js";
 const createSimpleClassTransition = (config) => {
   const { animationPendingClasses, animationPendingShowClasses, animationPendingHideClasses, showClasses, hideClasses } = config;
   return createCSSTransition((element, direction, animated, context) => {