@agnos-ui/core/services/transitions/cssTransitions.cjs

Framework-agnostic headless component library.

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const utils_directive = require("../../dom-CuBx1JPZ.cjs");
const utils_func = require("../../utils/func.cjs");
const promise = require("../../promise-CxCD3NYv.cjs");
function hasTransition(element) {
  return window.getComputedStyle(element).transitionProperty !== "none";
}
function getTransitionDurationMs(element) {
  const { transitionDelay, transitionDuration } = window.getComputedStyle(element);
  const transitionDelaySec = parseFloat(transitionDelay);
  const transitionDurationSec = parseFloat(transitionDuration);
  return (transitionDelaySec + transitionDurationSec) * 1e3;
}
const createCSSTransition = (start) => async (element, direction, animated, signal, context) => {
  const endFn = start(element, direction, animated, context) ?? utils_func.noop;
  if (utils_directive.isBrowserHTMLElement(element) && animated && hasTransition(element)) {
    const abort = promise.promiseFromEvent(signal, "abort");
    const transitionEnd = promise.promiseFromEvent(element, "transitionend");
    const timer = promise.promiseFromTimeout(getTransitionDurationMs(element));
    await Promise.race([abort.promise, transitionEnd.promise, timer.promise]);
    abort.unsubscribe();
    transitionEnd.unsubscribe();
    timer.unsubscribe();
  }
  if (!signal.aborted) {
    endFn();
  }
};
exports.createCSSTransition = createCSSTransition;
exports.getTransitionDurationMs = getTransitionDurationMs;
exports.hasTransition = hasTransition;