@agnos-ui/core
Version:
Framework-agnostic headless component library.
32 lines (31 loc) • 1.38 kB
JavaScript
import { createCSSTransition } from "./cssTransitions.js";
import { v as removeClasses, w as addClasses, x as reflow } from "../../dom-gfxqXJpK.js";
const createSimpleClassTransition = (config) => {
const { animationPendingClasses, animationPendingShowClasses, animationPendingHideClasses, showClasses, hideClasses } = config;
return createCSSTransition((element, direction, animated, context) => {
removeClasses(element, showClasses);
removeClasses(element, hideClasses);
if (animated) {
removeClasses(element, direction === "show" ? animationPendingHideClasses : animationPendingShowClasses);
if (!context.started) {
context.started = true;
const classes = direction === "show" ? hideClasses : showClasses;
addClasses(element, classes);
reflow(element);
removeClasses(element, classes);
}
addClasses(element, animationPendingClasses);
reflow(element);
addClasses(element, direction === "show" ? animationPendingShowClasses : animationPendingHideClasses);
}
return () => {
removeClasses(element, animationPendingClasses);
removeClasses(element, animationPendingShowClasses);
removeClasses(element, animationPendingHideClasses);
addClasses(element, direction === "show" ? showClasses : hideClasses);
};
});
};
export {
createSimpleClassTransition
};