Class ElementClassManager<T>

constructor

• new ElementClassManager<T extends HTMLElement = HTMLElement>(
      element: T,
      initialClasses?: ElementClasses,
  ): ElementClassManager<T>

  Type Parameters

  • T extends HTMLElement = HTMLElement

  Parameters

  • element: T
  • OptionalinitialClasses: ElementClasses

  Returns ElementClassManager<T>

Readonlyelement

classes

• get classes(): ReadonlySet<string>

  Returns ReadonlySet<string>

add

• add(classes: ElementClasses): string[]

  Add classes to the HTML Element.

  Parameters

  • classes: ElementClasses

    The classes to add

  Returns string[]

  addedClasses - A list of classes that were added to the state

remove

• remove(classes: ElementClasses): string[]

  Remove classes from the HTML Element.

  Parameters

  • classes: ElementClasses

    The classes to remove

  Returns string[]

  removedClasses - A list of classes that were removed from the state

set

• set(classes: ElementClasses): void

  Update the applied classes to the given state. New classes will be applied, and classes not in the new state will be removed.

  Parameters

  • classes: ElementClasses

    The new classes state

  Returns void

toggle

• toggle(classes: Record<string, boolean>): { added: string[]; removed: string[] }

  Toggle classes from the HTML Element.

  Parameters

  • classes: Record<string, boolean>

    The classes and their toggle state

  Returns { added: string[]; removed: string[] }

  affectedClasses - lists of classes that were added / removed from the state

• toggle(
      classes: string | string[] | null | undefined,
      state?: boolean,
  ): { added: string[]; removed: string[] }

  Toggle classes from the HTML Element.

  Parameters

  • classes: string | string[] | null | undefined

    The classes to remove

  • Optionalstate: boolean

    Force the state of classes

  Returns { added: string[]; removed: string[] }

  affectedClasses - lists of classes that were added / removed from the state