fluid-dnd/dist/core/utils/dom/classList.js

An agnostic drag and drop library to sort all kind of lists. With current support for vue, react and svelte

export const containClass = (element, cssClass) => {
    return element.classList.contains(cssClass);
};
export const toggleClass = (element, cssClass, force = false) => {
    element.classList.toggle(cssClass, force);
};
export const addClass = (element, cssClass) => {
    element.classList.add(cssClass);
};
export const removeClass = (element, cssClass) => {
    element.classList.remove(cssClass);
};
export const containstClasses = (element, classes) => {
    return getClassesList(classes).every((cssClass) => containClass(element, cssClass));
};
export const getClassesSelector = (classes) => {
    const classesSelector = getClassesList(classes).join('.');
    return `.${classesSelector}`;
};
export const addMultipleClasses = (element, classes) => {
    const classesList = getClassesList(classes);
    element.classList.add(...classesList);
};
export const getClassesList = (classes) => {
    return (classes?.split(' ') ?? []).filter((cssClass) => cssClass);
};