Class ElementClassManager<T>

constructor

• new ElementClassManager<T>(element, initialClasses?): 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): 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): 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): 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): {
      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

  • added: string[]

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

• Toggle classes from the HTML Element.

  Parameters

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

    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

  • added: string[]

  • removed: string[]